Mengatasi Heading Tag H1 Hilang Akhir Header Logo Blog Pake Gambar

 Hilang Akibat Header Logo Blog Pake Gambar Mengatasi Heading Tag H1 Hilang Akibat Header Logo Blog Pake Gambar
CARA Mengatasi Heading Tag H1 Hilang Akibat Header Logo Blog Pake Gambar. Ribet amat judulnya ya. Gini maksudnya, ketika judul blog (Blog Title) kita pake logo, biasanya sang gambar ini tidak terbaca oleh mesin pencari menyerupai Google sebagai Heading Tag H1.

Padahal, dari sisi SEO Blog, Heading Tag H1 itu SUPER PENTING pake banget pisan. Kebayang 'kan tubuh tanpa kepala, bagaimana jadinya?

Sedangkan H1 yaitu elemen terpenting dan terutama yang diideks Google sebagai identitas utama sebuah blog. Tag inilah yang menjadi "tanda pengenal" kepada mesin pencari. Nah, kalo H1 hilang, jadinya blog kita takkan terindentifikasi dong!

Begini cara mengatasinya. Coba ganti dulu judul blog Anda dengan gambar/logo, kemudian cek di Chkme.com. Biasnya begini katanya: H1 Zero, Very Bad!

1. Klik "Template" dan "Edit HTML".
2. Cari instruksi menyerupai di bawah ini. CTRL+F header-inner, dan temukan kode:

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

3. Tambahkan instruksi di bawah <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>

Menjadi begindang hasilnya:

<!--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:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' height='80' style='display:block' width='300'/>
        </a>

4. Coba lihat hasilnya, cek lagi di Chkme.com

Dari mana aku tahu instruksi beginian? Nyontek, pastinya.... Saya "intip" aja template blog yang Heading Tags H1-nya gak berubah ketika nama blog berupa logo. Ternyata ada instruksi yang di atas itu! Gampang 'kan?

0 Response to "Mengatasi Heading Tag H1 Hilang Akhir Header Logo Blog Pake Gambar"