Cara Mengatasi H1: Zero, that is Really Bad di Chkme - Buat kamu suka otak-atik blog mungkin sudah tidak asing lagi dengan situs
Chkme.com. Dengan situs Chkme.com ini kamu bisa mengecek kualitas SEO blog kamu. Nah, apakah kamu sedang mengalami hal yang mana tag H1 Zero, that is Really Bad yang membuat skor SEO blog kamu tidak sampai 100% atau bahkan dibawah 80%?
Hal tersebut biasa terjadi jika kamu mengganti judul dan deskripsi blog dengan gambar atau logo pada header blog. Dengan adanya masalah tersebut, tentunya akan mengurangi nilai SEO sebuah blog di mata search engine.
Sebenarnya sudah banyak artikel yang menjelaskan bagaimana Cara Mengatasi H1: Zero, that is Really Bad di Chkme ini, tapi salahnya saya membagikan caranya di blog Info Tekno ini. Kalau begitu langsung saja simak ulasannya berikut ini.
Cara Mengatasi H1: Zero, that is Really Bad di Chkme
Pada tutorial kali ini saya menggunakan blog saya yang lain, yang kebetulan juga mengalami hal yang sama, yakni
http://intek-terbaru.blogspot.com. Blog saya tersebut mendapatkan score SEO hanya 65%.
 |
| Hasil Skor SEO blog saya yang lain di Chkme |
1. Login ke Blogger.com. Lalu, masuk ke "Dashboard" blog kamu.
2. Pilih menu "Template" > "Edit HTML".
3. Cari kode " <!--Show the image only--> " (tanpa tanda kutip) atau yang semisalnya.
Info : Gunakan CTRL + F untuk memudahkan pencarian.
4. Copy kode di bawah ini.
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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>
Lalu, paste atau tambahkan kode diatas tepat di bawah kode :
<!--Show the image only-->
<div id='header-inner'>
atau sebelum kode :
<a expr:href='data:blog.homepageUrl' style='display: block'>
Contoh Penerapannya:
Sebelum :
<!--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>
<!--Show the description-->
Sesudah :
<!--Show the image only-->
<div id='header-inner'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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 + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
5. Simpan Template! Lalu, coba kamu cek lagi blog kamu di Chkme.com.
Jika berhasil, maka
H1: Zero, that is Really Bad akan berubah menjadi
H1: 1, that is Good.
 |
| Hasil Skor SEO Blog saya yang lain setelah ditambah kode diatas |
Cara Lainnya : Yang Lebih Mudah
Pada template tertentu, jika menambahkan kode diatas akan menimbulkan masalah baru, misalnya H1 Tag menjadi dua, demikian pula dengan tampilan Judul Blog, jadi dua, yakni gambar dan teks. Untuk itu, abaikan cara diatas, dan silahkan gunakan cara yang ini untuk mengatasinya.
 |
| Tampilan Skor SEO Blog saya sebelum ditambahkan tag H1 |
1. Login ke Blogger.com. Lalu, masuk ke "Dashboard" blog kamu.
2. Pilih menu "Template" > "Edit HTML".
3. Cari kode 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 + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
Info : Gunakan CTRL + F untuk memudahkan pencarian.
4. Kemudian tambahkan markup H1 pada tag " <h1><a.../></h1> " (tanpa tanda kutip). Sehingga menjadi seperti 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 + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a></h1>
ATAU, kamu juga bisa menambahkan kode Tag H1 diatas ( yang ada di no. 4 ) sebelum " <img expr:alt='data:title' ". Sehingga menjadi 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>
5. Simpan Template!
Kemudian coba cek lagi blog kamu di situs Chkme.com. Jika berhasil, maka
H1: Zero, that is Really Bad akan berubah menjadi
H1: 1, that is Good.
 |
| Tampilan Skor SEO Blog saya setelah ditambahkan tag H1 |
Coba kamu cek skor SEO blog kamu, pastinya sudah mengalami peningkatan dong meskipun belum 100%. Jika belum, maka ikuti panduan atau catatan dari situs Chkme.com untuk memperbaikinya.
Ada beberapa hal yang menjadi penyebab kenapa skor SEO sebuah blog tidak mencapai 100% adalah adanya kode
<iframe> dan tidak adanya Image Description (Tittle dan ALT Gambar).
Tambahan :
Untuk validasi HTML5, hapus dua kode yang di tandai dengan warna merah dibawah ini :
<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'/>
Itulah Cara Mudah Mengatasi H1: Zero, that is Really Bad di Chkme. Semoga artikel ini bisa membantu ya, khususnya yang sedang mengalami hal tersebut.
Wassalam...
Referensi :
http://newjohnywuss.blogspot.co.id/2015/09/mengatasi-h1-zero-that-is-really-bad-di.html
http://www.arlinadzgn.com/2015/08/mengatasi-h1-zero-that-is-really-bad-di-chkme.html
