Cara Mengatasi H1 Zero that is Really Bad di Blogger Blogspot

Note: Blog ini sedang dalam masa pengembangan, baik dari segi SEO maupun artikel. Mohon maaf apabila gambar tidak tersedia untuk saat ini, - 10 Februari 2018.
Cara Mengatasi H1 Zero that is Really Bad di Blogger Blogspot
Pasang gambar (image) di header blog lalu H1 Zero that is Really Bad ketika di tes di Chkme tool?

Masalah H1 Zero that is Really Bad pada blog ini banyak dialami oleh blogger mana pun; termasuk saya sendiri yang seringkali mengalaminya ketika membuat template.

Skor SEO yang awalnya 100% menjadi 75% gara2 disebabkan H1 Zero that is Really Bad.

Dibawah ini ada tutorial cara mengatasi dan memperbaiki H1 Zero that is Really Bad pada blogger blogspot.

Cara Mengatasi H1 Zero that is Really Bad di Blogger Blogspot


1. Template > Edit HTML
2. Cari kode dibawah ini:

div id='header-inner'>

Kurang lebih tampilan kodenya seperti dibawah ini:

div id='header-inner'>
   <a expr:href='data:blog.homepageUrl' style='display: block'>
     <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>

Tambahkan kode <h1> dan </h1> sesuai kode dibawah ini:

<div id='header-inner'>
<h1><a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a></h1>

Atau:

<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<h1><img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/></h1>
</a>

3. Save template

Cara Mengatasi H1 Zero that is Really Bad di Blogger Blogspot

Cara lain yang bisa dilakukan adalah:

1. Cari kode seperti dibawah ini:

<!--Show the image only-->
   <div id='header-inner'>

2. Copy kode dibawah ini:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
   <h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1>
 </b:if>
</b:if>

3. Paste dibawah <div id='header-inner'>

Kurang lebih tampilannya akan seperti dibawah ini:

<!--Show the image only-->
   <div id='header-inner'>
 <b:if cond='data:blog.pageType != &quot;item&quot;'>
   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
 <h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1>
   </b:if>
 </b:if>
<a expr:href='data:blog.homepageUrl' style='display: block'>
  <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->

Sekali lagi. Posting blog ini berlaku apabila sebuah gambar yang dipasangkan di header blog namun kode tag H1 tidak terdeteksi. Bagaimana? Berhasil?

Labels: Desain Blogger

Thanks for reading Cara Mengatasi H1 Zero that is Really Bad di Blogger Blogspot. Semoga berguna, Gan!

0 Komentar untuk "Cara Mengatasi H1 Zero that is Really Bad di Blogger Blogspot"

Gunakan anonymous kalau tidak punya Google+ Account.

Back To Top