Mengatasi Heading Tag H1 Hilang Akibat Header Logo Blog Pake Gambar

Romeltea | Follow @romel_tea

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

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

Sedangkan H1 adalah 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, lalu cek di Chkme.com. Biasnya begini katanya: H1 Zero, Very Bad!

1. Klik "Template" dan "Edit HTML".
2. Cari kode seperti 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 kode 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 saya tahu kode beginian? Nyontek, pastinya.... Saya "intip" aja template blog yang Heading Tags H1-nya gak berubah saat nama blog berupa logo. Ternyata ada kode yang di atas itu! Gampang 'kan?

Previous
« Prev Post
Author Image

Romeltea
Romeltea adalah onair dan online name Asep Syamsul M. Romli aka Kang Romel. Praktisi Media, Blogger, Trainer Komunikasi from Bandung, Indonesia. Follow me: facebook twitter instagram linkedin youtube

Recommended Posts

Related Posts

Show comments
Hide comments

1 comment on Mengatasi Heading Tag H1 Hilang Akibat Header Logo Blog Pake Gambar

No Spam, Please!