Cara Membuat Heading Dinamis di Blogger Agar SEO Friendly


Salah satu trik SEO yang saat ini di yakini sangat ampuh untuk menarik perhatian search engine adalah dengan Cara Memasang Heading Tag dinamis pada blog. Heading tag merupakan hal terpenting dalam sebuah blog, saat sebuah search engine melakukan pengindexan hal yang pertama akan di kenali untuk ditampilkan pada SERP.

Bagi para blogger heading tag tentu saja sudah menjadi sesuatu yang sangat dikenal dengan kode  Coding HTMLnya berupa H1, H2. H3 sampai H6. Di dalam sebuah blog H1 hanya boleh ada 1 yaitu judul blog, H2 biasanya berupa judul artikel dan H3 berupa widget blog, sedangkan H4, H5, H6 merupakan suatu yang opsional.

Jika dalam halam utama blog kita H1 nya berupa judul blog, bagaimana dengan halaman artikel? tentunya sama saja, judul blog tetap sebagai H1. namun alangkah bagusnya apabila di halaman artikel kita bisa merubah judul blog menjadi H2 dan judul artikel menjadi H1 agar pada saat melakukan crawl, search engine akan lebih dulu menemukan judul artikel kita dari pada judul blog kita. bayangkan betapa berpengaruhnya hal tersebut kepada ke-SEO-an sebuah blog.


Pada dasarnya di template default blogger struktur tag nya menggunakan <h1> dengan judul blog,<h2> sidebar dan <h3> untuk judul posting, dan untuk hal seo penerapan struktur itu kurang baik dimana judul post yang lebih penting di tempatkan di tag h3 dan sebaliknya sidebar yang tidak begitu penting di terapkan di h2.

Nah untuk membuat judul artikel menjadi H1 pada halam selain halaman utama kamu bisa menggunakan heading tag dinamis. berikut caranya :

Cara Membuat Heading Dinamis Blog untuk SEO

1) Masuk ke edit html dan temukan kode di bawah ini (gunakan Ctrl+F) :
<h1 class='title' style='background: transparent; border-width: 0px'><b:include name='title'/></h1>
2) Ganti kode di atas dengan kode berikut ini :
<b:if cond='data:blog.pageType != &quot;item&quot;'><h1 class='title' style='background: transparent; border-width: 0px'><b:include name='title'/></h1><b:else/><p class='title' style='background: transparent; border-width: 0px'><b:include name='title'/></p></b:if>
3) Selanjutnya temukan kode seperti dibawah ini :
<h1 class='title'><b:include name='title'/></h1>
4) Lalu ganti kode di atas dengan kode berikut ini :
<b:if cond='data:blog.pageType != &quot;item&quot;'><h1 class='title'><b:include name='title'/></h1><b:else/><p class='title'><b:include name='title'/></p></b:if>
5) Kemudian cari kode seperti ini :
<b:if cond='data:post.title'><h3 class='post-title entry-title'><b:if cond='data:post.link'><a expr:href='data:post.link'><data:post.title/></a><b:else/><b:if cond='data:post.url'><a expr:href='data:post.url'><data:post.title/></a><b:else/><data:post.title/></b:if></b:if></h3></b:if>
6) Ganti kode di atas dengan kode di bawah ini :
<b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:post.title'><h2 class='post-title entry-title'><b:if cond='data:post.link'><a expr:href='data:post.link'><data:post.title/></a><b:else/><b:if cond='data:post.url'><a expr:href='data:post.url'><data:post.title/></a><b:else/><data:post.title/></b:if></b:if></h2></b:if><b:else/><h1 class='post-title entry-title'><b:if cond='data:post.link'><a expr:href='data:post.link'><data:post.title/></a><b:else/><b:if cond='data:post.url'><a expr:href='data:post.url'><data:post.title/></a><b:else/><data:post.title/></b:if></b:if></h1></b:if>
7) Save template kamu.

Dengan tutorial di atas maka dengan begitu kamu sudah menggunakan dynamic heading atau tag heading dinamis..

Oke, saya rasa sudah cukup di tutorial "Cara Membuat Dynamic Heading Agar Blog Lebih SEO " semoga dapat di pahami, jika ada pertanyaan di luar topik maupun di dalam topik kamu dapat mengirimkan pertanyaan itu di kolom komentar, Terimakasih.

Artikel Selanjutnya Artikel Sebelumnya
Belum Ada Komentar : Pejalan Wisata
Tambahkan Komentar
Comment url
Post Terkait :
SEO,Tips Blogging,tutorial
close