Cara SEO agar title dengan gambar terdetek H1
..... (terdengar suara jangkrik)
....
...
..
.
Bingung? Sama.. hahahhaha.. :D
Penjelasan gampangnya begini, kata guru SEO saya (gak usah saya sebutin namanya, karena banyak bingits :D ), tag heading dalam blog itu bisa diibaratkan kalau H1 itu sangat penting, H2 itu penting, H3 agak penting, H4 rada-rada penting H5 bisa dibilang gak penting, H6 dan seterusnya ke laut aja,hahahahha... Yang artinya dengan adanya tag H1 pada blog anda, maka akan menambah SEO blog anda di search engine, dengan catatan yang oleh sebagian master SEO mengatakan H1 tidak boleh lebih dari 1.
Sekarang yang kita bahas adalah tentang bagaimana caranya agar heading H1 terdeteksi pada saat kita memakai gambar atau logo. Karena biasanya setelah kita memasang atau memakai logo juga gambar di heading blog, jika kita cek dengan seoquake atau web analysis lainnya pasti tertulis "H1 : empty (alias kosong)". Gak percaya? Coba deh kalau gak percaya! -_-
Mau tahu tahu caranya bagaimana? Silakan simak ulasan berikut yang saya dapat waktu saya blogwalking dari website-nya mas kompiajaib.
Cara SEO memanipulasi heading dengan gambar agar terdeteksi H1 di blogspot
Biasanya untuk membuat kesan atau ciri khas kepada pengunjung di blog, para blogger mengubah heading dengan gambar atau logo. Mungkin biar lebih keren kali ya? :D. Dilakukan dengan go to Layout lalu click edit pada NAMAKAMU(Header) dan upload gambar/logo. Namun akan timbul masalah ketika mencoba mengeceknya dengan tool web analysis (terserah mau pakai yang mana). Masalahnya bisa dipastikan yaitu title H1 tidak terbaca. Hmm,, sangat serius, (sambil pegang janggut dan manggut-manggut, sambil membayangkan orang yang lagi jalan tanpa ada headingnya,,hiiiii... takut)Namun jangan khawatir, ada cara mudah untuk mengatasi tidak terdeteksinya tag H1 tersebut, yaitu dengan menambahkan langsung tag H1 melalui edit HTML. Silahkan cari kode di bawah berikut ini (cara mudahnya dengan cntrl+F, cari <div id='header-inner'>, namun pastikan kursor berada dalam area edit HTML):
<img expr:alt='data:title' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' style='display: block'/>
Biasanya didalam <div id='header-inner'>
Kemudian tambahkan <h1> didepan dan penutup </h1> dibelakang pada kode di atas, sehingga lengkapnya menjadi seperti di bawah ini:
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<h1><img expr:alt='data:title' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' style='display: block'/></h1>
</a>
Selesai.
Kira-kira seperti itu langkah-langkah untuk membuat tag H1 terdeteksi pada waktu kita menggunakan heading gambar. Sudah jelas kan? Kalau belum jelas silakan dijelas-jelaskan sendiri, huft..capek -_- (#terpaksa).
Silakan baca juga tentang bagaimana cara membuat Tag Heading menjadi lebih SEO friendly lagi by maskolis dan bagaimana membuat blog valid HTML5 by kangismet.
Sekian dan Wassalam,, Agung Jaka Nugraha
