Membuat tag heading sangat penting untuk meningkatkan SEO, karena tag heding memiliki kepentingan besar dalam hasil pencarian dan juga perubahan pada tag heading agar search engine dapat mengenali judul blog dan judul posting. seara default judul posting blogger menggukan tag h3, salah satu cara untuk merubahnya dengan mengganti h3 menjadi h1 pada template blog dan h1 diterapka untuk judul blog, maka dengan trik ini agar blog anda lebih SEO Friendly tanpa perlu lama-lama saya jelaskan ikuti langkah-langkah di bawah ini.
Pertama, Login ke akun blog blogger anda.
Kedua, Pilih Template..
Ketiga, Untuk Menjaga template anda, silahkan download dulu template, klik dawnload template lengkap yang berada pada samping pojok kanan.
Keempat, Klik Edit HTML, Lanjutkan, kemudian jangan lupa untuk Expand Template Widget.
Kelima, gunakan Ctrl F atau F3 cari kode <b:if cond='data:post.title'> agar lebih mudah fokuskan pencarian pada <h3 dan perhatikan kode dibawah pada template anda, rubah <h3 menjadi <h1 yang berwarna merah.
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
Lalu cari lagi kode <b:if cond='data:post.title'> yang sama terdapat pada template anda seperti kode diatas biasanya terdapat 2 kode <b:if cond='data:post.title'> lakukan perubahan yang sama.
Kemudian Cari Kode ]]></b:skin> Letakkan kode berikut setelah kode ]]></b:skin>
h1.post-title, .post h1
#Blog1 h1, #Blog2 h1 { font-size:1.5em; }
Selanjutnya jika anda mengaktifkan mobile seluler perlu melakukan perubahan juga cari kode dibawah ini, rubah h3 menjadi h1.
<div class='mobile-post-outer'>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title'>
<div class='mobile-bingkai-judul'>
<b><data:post.title/></b>
</div>
</h3>
</a>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title'>
<div class='mobile-bingkai-judul'>
<b><data:post.title/></b>
</div>
</h3>
</a>
Keenam, Klik Pritinjau untuk melihat tidak terjadi eror saat edit template, jika sudah lansung klik Simpan Template.
Selamat Mencoba dan Semoga bermanfaat.
memang benar sekali sob dengan merubah tag heading akan membuat blog kita lebih SEO friendly,,,
ReplyDeleteYa sobat begitu seprti yang telah dijelaskan diatas, Trima kasih kunjungannya.
Deletekayaknya boeh dicoba nih bang :)
ReplyDeleteBoleh Sob..silahkan. trima kasih
Deletehabis ngikutin cara diatas. kenapa tag h1 jadi dobel ya mas?
ReplyDeletegimana cara mengatasinya?
UPS! Saya tidak pernah mengalami terjadi hal tersebut, namun demikian coba sobat perhatikan kode
Delete“b:if cond='data:post.title'”
yang dijelaskan pada langkah 5
jika sobat menemukan 2 kode yang sama pada template blog yg sobat kelola. rubah pada bagian pertama saja dan yg kedua tidak perlu. Karena cara diatas saya terapkan pada template standar dan bukan template oleh pihak ketiga. Kemudian untuk seluler tidak perlu dilakukan perubahan.
Selanjutnya template yang sobat kelola sudah memenihi kriteria template yang seo friendly, jadi saya pikir sobat tidak perlu merubahnya.
Sekian mungkin dapat membantu.