Buat struktur TAG HEADING yang SEO FRIENDLY untuk blog

Syarat agar sebuah blog bisa diindex oleh google haruslah mempunyai struktur tag heading yang seo friendly padahal Template blog atau web mempunyai struktur Tag Heading yang terdiri dari h1, h2, h3 dst.. Menurut informasi banyak orang ataupun dari para pakar blog, template blog yang disediakan oleh blogger mempunyai struktur tag heading yang kurang seo friendly. Padahal syarat agar sebuah blog bisa diindex oleh google haruslah mempunyai struktur tag heading yang seo friendly, yaitu dengan susunan seperti ini :

- tag h1 untuk judul blog (tidak bisa untuk yang lain, artinya h1 hanya untuk judul blog),

- tag h2 untuk judul postingan (akan lebih cepat diindex google)

- terakhir tag h3 untuk widget blog.

Nah, berikut ini akan saja sajikan sebuah artikel cara mengubah template blogspot menjadi seo friendly, yang pastinya akan membuat blog kita lebih diindex oleh om google.

LANGKAH KERJA:

Masuk blogger > rancangan > edit html > centang expand template widget

Cari kode berikut ini :
<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'>
<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

Perhatikan syntac <h3 dan </h3>, ubahlah menjadi h2 dan </h2>

Next cari kode ini :
<h3 class='mobile-index-title entry-title'>
<data:post.title/>
</h3>

Ubahlah </h3> menjadi h2

Cari kode seperti ini atau yang mirip seperti ini :
<Group description="Post Title" selector="h3.post-title, h4, h3.post-title a">

Hapus dan ganti menjadi :
<Group description="Post Title" selector="h2.post-title, h4, h2.post-title a">

Cari kode di bawah ini :
h3.post-title, h4 {
font: $(post.title.font);
color: $(post.title.text.color);
}
h3.post-title a {
font: $(post.title.font);
color: $(post.title.text.color);
}
h3.post-title a:hover {
color: $(link.hover.color);
text-decoration: underline;
}

Ubahlah h3 menjadi h2

Ubahlah tag heading widget menjadi h3 dengan mencari kode seperti ini :
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>

Ubah <h2 dan </h2> menjadi <h3 dan </h3>

NB : Lakukan semua ini pada semua widget blog sobat, artinya bila blog sobat terpasang 4 widget maka penggantian juga dilakukan 4 kali.

Langkah terakhir adalah cari kode di bawah ini :
<title><data:blog.pageTitle/></title>

Hapus kode tersebut dan ganti menjadi :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

Save Template!!