Cara Mudah Mengatasi H1: Zero, that is Really Bad di Chkme
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%?
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'>
<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>
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.
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"/>
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
Posting Komentar untuk "Cara Mudah Mengatasi H1: Zero, that is Really Bad di Chkme"