May 22, 2014

Mengatasi Masalah Heading Tag H1 Image Logo Blog

May 22, 2014

heading-h1-tag-blogger
JIKA blog Anda menggunakan "Blog Title" dengan logo gambar (image), biasanya ada masalah dengan Heading H1 Tag-nya. Ia jadi hilang atau tidak terdeteksi oleh Chkme --situs penilai skor SEO Blog-- karena default H1 itu berupa teks (logo teks). Bagaimana mengatasinya?

Kita bahas dulu soal Tag H1 ini. Heading Tag H1 merupakan elemen terpenting dalam SEO blog. H1 Tag ibarat "Headline News" atau berita utama suratkabar atau laporan utama majalah.

Chkme memberikan nilai 22% bagi H1 Tag. Skor SEO Blog tanpa H1 Tag dipastikan berkurang minimal 22% di Chkme. Ini contohnya, untuk kasus template blog http://cibimagz.blogspot.com

SEBELUM TAG H1 DIPERBAIKI: 
  • H1: Zero, that is Really Bad!
  • SEO Score for http://cibimagz.blogspot.com
  • 78 % - A great result, you can do more!
SESUDAH TAG H1 DIPERBAIKI:
  • H1: 1, that is Good
  • SEO Score for http://cibimagz.blogspot.com
  • 100 % - Congratulations!
*** Silakan cek: http://chkme.com/seo-cibimagz.blogspot.com

Cara Mengatasi Masalah Heading Tag H1  Logo Image

Cek dulu blog Anda di Chkme. Jika H1 sudah OK, gak usah lakukan langkah-langkah di bawah ini. Jika H1 "Zero" alias "missing", maka lakukan perbaikan:

1. Di Dashboar Blog: klik menu "Template" > "Edit HTML"
2. Temukan kode seperti berikut ini:

<!--Show the image only-->
<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>

3. Tambahkan kode <h1> dan </h1> seperti contoh berikut ini:

<!--Show the image only-->
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>

Jika tidak berhasil, coba cara kedua, seperti ini:

<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>

4. Save Template!

Setidaknya itulah yang CB lakukan setiap kali menggunakan nama atau logo blog berupa gambar (image), agar Judul Blog ini tetap terdeteksi Chkme dan mesin pencari sebagai Heading Tag H1.

Referensi:
  • http://www.fastcolabs.com/3016894/should-your-tag-be-your-logo
  • http://www.web2feel.com/how-to-replace-my-site-name-text-with-a-logo-image/

Previous
« Prev Post
Author Image

CB Blogger

Recommended Posts

Related Posts

Show comments
Hide comments

17 comments on Mengatasi Masalah Heading Tag H1 Image Logo Blog

  1. wah, kok ga bisa ya pake cara 1 apa 2 tetep ga mau

    ReplyDelete
  2. pagi gan. mau tanya saya jg pengguna template johny wuss
    untuk mengganti judul dan deskripsi blog dengan gambar seperti di blog ini bisa minta panduannya yg bener biar H1 ga ilang?
    kl ada panduannya minta ya.. trims ya

    ReplyDelete
    Replies
    1. panduannya ya.... posting di atas itu.....!

      Delete
  3. mas.. punya saya sudah ada peningkatan sedikit... tapi rasanya masih ada yang kurang -_-

    http://chkme.com/seo-supersoft33.blogspot.com

    ada penjelasan lain gak mas?

    ReplyDelete
  4. masbro. pake cara ini emang sangat bisa klo di cek pake chkme. namun jika dicek dengan web pengecek seo lainnya. H1 nya tetep aja nol. mengapa gitu bro??

    ReplyDelete
  5. kurang tada < sebelum div mas ,yang coding kedua

    ReplyDelete
  6. jitu bgt gan....tahanks bingitzzzz heee

    ReplyDelete
  7. wawww mantap bang CB..! tks

    ReplyDelete
  8. makasi infonya mas,

    ReplyDelete
  9. Matursuwun kang, berhasil!

    ReplyDelete
  10. Mantab infonya....

    Langsung 100%....

    ReplyDelete
  11. Numpang tanya Mas +CB Blogger ? Pada template yang saya pakai headernya telah saya hapus, jadi sudah tidak ada lagi tag H1. Bagaimana caranya agar tag H1 terdeteksi tanpa menggunakan header ?., terima kasih

    ReplyDelete
  12. tidak berhasil, setiap postingan saya yang mencantumkan gambar dan logo blog tidak muncul. mohon bantuannya donk

    ReplyDelete
  13. NOT WORK!! Benerin lagi gan, di update,.
    Kedua script di atas ga bisa.

    ReplyDelete

Contact Form

Name

Email *

Message *