Cara Mengatur Tag H1 H2 H3 Blogger Agar SEO Friendly

Kali ini Bangiz akan berbagi tips tentang bagaimana cara untuk mengatur tag heading h1 h2 da h3 supaya tampil lebih SEO. Sebelum ke pokok pembahasan mungkin Anda juga perlu mengecek seberapa SEO blog yang Anda miliki, caranya silahkan kunjungi situsnya disini. Anda tinggal masukin saja alamat blog Anda lalu check atau tekan enter.

Lanjut pada pembahasan kali ini, langsung saja ikuti langkahnya berikut ini:

1. Merubah tag judul blog menjadi h1 di homepage dan h3 di halaman postingan

Cari kode: 

<div class='titlewrapper' 

... 

... 

</div>

Ganti dengan kode ini :

<div class='titlewrapper' style='background: transparent'>
<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/>
<h3 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/></h3>
</b:if>
</div>

NB: Apabila ada lebih dari 1 maka ganti saja semuanya

2. Merubah Deskripsi Blog menjadi h2 :

 
Cari kode :

<div class='descriptionwrapper'>
...

...
</div>

Ganti dengan kode ini:

<div class='descriptionwrapper'>
<h2 class='description'><span><data:description/></span></h2>
</div>

NB: Apabila ada lebih dari 1 maka ganti saja semuanya

3. Merubah postingan h3 pada homepage dan h1 pada halaman posisi single post

3a. Merubah postingan menjadi h3 pada homepage :
Cari kode :

<div class='post hentry uncustomized-post-template', 

scroll ke bawah nanti akan menemukan kode berikut:

<h? class='post-title entry-title' itemprop='name'>

...

...
</h?>

Ganti h? dengan h3, kalau sudah h3 tidak perlu dirubah.

3b. Merubah postingan menjadi h1 di halaman posting pada single post
Cari kode:

<b:includable id='post' var='post'>

...

...
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
...
...
</h3>
</b:if>
<div class='post-header'>

Ganti kode yang berwarna biru saja dengan kode di bawah:

<a expr:name='data:post.id'/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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>
<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>

 4. Save template.