Mengatasi Masalah Heading Tag H1 Image Logo Blog
May 22, 2014
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:
1. Di Dashboar Blog: klik menu "Template" > "Edit HTML"
2. Temukan kode seperti berikut ini:
3. Tambahkan kode <h1> dan </h1> seperti contoh berikut ini:
Jika tidak berhasil, coba cara kedua, seperti ini:
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:
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!
- H1: 1, that is Good
- SEO Score for http://cibimagz.blogspot.com
- 100 % - Congratulations!
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 + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<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 + "_headerimg"' 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 + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a></h1>
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 + "_headerimg"' 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 + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/></h1>
</a>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<h1><img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' 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
« Prev Post
Next
Next Post »
Next Post »
wah, kok ga bisa ya pake cara 1 apa 2 tetep ga mau
ReplyDeletepagi gan. mau tanya saya jg pengguna template johny wuss
ReplyDeleteuntuk 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
panduannya ya.... posting di atas itu.....!
Deletemas.. punya saya sudah ada peningkatan sedikit... tapi rasanya masih ada yang kurang -_-
ReplyDeletehttp://chkme.com/seo-supersoft33.blogspot.com
ada penjelasan lain gak mas?
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??
ReplyDeleteBerhasil.. Thanks Brow!!
ReplyDeletekurang tada < sebelum div mas ,yang coding kedua
ReplyDeletejitu bgt gan....tahanks bingitzzzz heee
ReplyDeletesukses om makasih.
ReplyDeletewawww mantap bang CB..! tks
ReplyDeletemakasi infonya mas,
ReplyDeleteMatursuwun kang, berhasil!
ReplyDeleteMantab infonya....
ReplyDeleteLangsung 100%....
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
ReplyDeletetidak berhasil, setiap postingan saya yang mencantumkan gambar dan logo blog tidak muncul. mohon bantuannya donk
ReplyDeleteNOT WORK!! Benerin lagi gan, di update,.
ReplyDeleteKedua script di atas ga bisa.
berhasil nih... thx
ReplyDelete