Membuat Heading Tag H1 Dinamis di Blogspot

Salah satu hal terpenting dalam hal optimasi seo sebuah situs blog adalah penggunaan heading tag. Heading tag adalah ukuran font huruf pada suatu blog yang menjadi salah satu hal yang dirayapi oleh mesin pencari khususnya mbah google. Heading tag terdiri dari h1, h2, h3, h4, h5, dan h6. Ukuran h1 adalah ukuran font yang paling besar, diikuti h2 dan selanjutnya. Secara umum judul blog menggunakan heading tag h1 dan judul artikel mengggunakan heading tag h2. Judul Widget dan sidebar menggunakan heading tag h3, dan berbagai judul widget yang lain mungkin menggunakan h4.

Untuk memperbaiki SERP (Search Engine Result Page) dalam mesin pencarian google alias memperbaiki seo-nya, maka kita perlu memodifikasi penggunaan heading tag tersebut. Heading tag standar adalah H1 untuk judul blog dan H2 untuk judul artikel dalam setiap halaman baik itu homepage maupun Articlepage. Namun disini, kita perlu mengubahnya menjadi seperti berikut:
Pada hasil tampilan di Homepage:

1. H1 untuk judul Blog
2. H2 untuk judul Artikel

Pada hasil tampilan di Articlepage:

1. H1 untuk judul Artikel 
2. H2 untuk judul Blog

 Nah, lalu bagaimana cara memodifikasi agar hasilnya bisa seperti di atas dan dapat memperbaiki situs anda. Mari kita lanjutkan permbahasannya.

Membuat Heading Tag H1 Dinamis di Blogspot

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>

Simpan Template anda!
Selesai. Selamat menikmati design blog yang seo friendly karena anda telah Membuat Heading Tag H1 Dinamis di Blogspot