Cara Membuat Heading Tag Dinamis di Blogger

Salah satu trik SEO yang saat ini diyakini sangat ampuh untuk menarik perhatian search engine adalahh dengan memasang Heading Tag dinamis pada blog. Heading tag merupakan hal terpenting dalam sebuah blog, saat sebuah search engine melakukan peng-indeks-an 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 H!. 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.

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

Cara Membuat Heading Tag Dinamis di Blogger

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 anda.

Selamat, sekarang blog anda telah memiliki heading tag dinamis.