Mengganti Heading Tag Pada Title Post Di Blogger Agar Lebih Seo Friendly 1

Heading tag H1,H2,H3,H4,H5 merupakan unsur yang penting utuk hal seo pada blogger.Semua blogger widget (gadget) title menggunakan H2 tag,pada minima templete menggunakan H3 tag untuk post title dan kebanyakan blogger templete menggunakan H2 tag untuk post title.Untuk menjadikan templete blogger anda agar lebih seo friendly Anda di sarankan menggunakan H1 tag untuk title post.

Contoh :

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

Contoh code diatas menunjukan bahwa templete tersebut menggunakan H3 tag pada title post (munggkin pada templete yang lain menggunakan H2 tag untuk Title post) selanjutnya ganti H3 atau H2 tag pada post title dengan H1 tag.sehingga seperti contoh di bawah ini :

<b:if cond='data:post.title'> 

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

Dan selanjutnya anda edit bagian css untuk post title tersebut

Contoh:

.post h3{height:30px; margin:0; padding:10px 5px 0 45px; line-height:1.5em; background:url("http://bambang-file1.googlecode.com/files/bp.png") no-repeat; font-size:100%; font-weight:bold; background-color:#EAF8FB} .post h3 a,

.post h3 a:visited, .post h3 strong{color:#008194; display:block; font-family:georgia;font-size:100%; font-weight:bold; text-decoration:none}

.post h3 strong, .post h1 a:hover{color:#088A0B}

Ganti h3 pada bagian css sehingga menjadi seperti dibawah ini
Contoh :

.post h1{height:30px; margin:0; padding:10px 5px 0 45px; line-height:1.5em; background:url("http://bambang-file1.googlecode.com/files/bp.png") no-repeat; font-size:100%; font-weight:bold; background-color:#EAF8FB}

.post h1 a, .post h1 a:visited, .post h1 strong{color:#008194; display:block; font-family:georgia;font-size:100%; font-weight:bold; text-decoration:none}

.post h1 strong, .post h1 a:hover{color:#088A0B}

Selesai dan selamat mencoba ......