Tag Heading digunakan untuk menampilkan struktur tulisan pada sebuah halaman, dimana tag heading pada sebuah halaman HTML berdasarkan ukuran huruf atau karakter dan tujuan penulisan atau penggunaannya dibedakan menjadi 6 dengan ukuran huruf terbesar untuk tujuan terpenting ditulis dengan <h1>...<h1> dan ukuran huruf terkecil dengan tujuan kurang penting ditulis dengan <h6>...<h6>. Pada sebuah halaman HTML tag heading <h1>...<h6> ditulis diantara atau didalam lingkungan elemen <body>.
Ternyata untuk meningkatkan SERP tag heading sangat berpengaruh pada SEO dengan melakukan Modifikasi Tag Heading Menjadi h1. Dengan melakukan modifikasi tag heading menjadi h1 bisa memperkuat judul posting agar bisa nangkring di halaman pertama search engine yang bisa digunakan sebagai langkah untuk melakukan optimasi blog untuk memenangkan Kontes SEO NegeriAds.com Solusi Berpromosi bagi yang mengikutinya. Berikut adalah triks yang bisa kita lakukan untuk memperkuat judul posting pada search engine :
1. Login Pada Account Blogger Anda
2. Pada halaman dasbor pilih Tata Letak kemudian Edit HTML dan jangan lupa centang kotak kecil disamping Expand Widget Template
3. Pada halaman Edit HTML temukan kode seperti dibawah 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:if>
</h3>
</b:if>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
...............................................................
</b:if>
</h3>
</b:if>
4. Ganti kode h3 diatas dengan kode h1. Ada juga sebagian template yang menggunakan kode h2
5. Langkah selanjutnya mengganti kode CSS untuk judul postingan (kode dibawah ini adalah kode CSS blog zona-klik) cocokkan sesuai denga kode CSS blog anda.
.post h3{
.............................
}
.post h3 a, .post h3 a:visited, .post h3 strong{
.............................
}
.post h3 strong, .post h3 a:hover{
.............................
}
.............................
}
.post h3 a, .post h3 a:visited, .post h3 strong{
.............................
}
.post h3 strong, .post h3 a:hover{
.............................
}
Gantilah kode h3 tersebut dengan kode h1
Setelah langkah-langkah diatas dilakukan dengan benar, tambahkan kode dibawah ini diatas kode ]]></b:skin> pada halaman edit HTML template anda.
h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 {
line-height:1.4em;
}
Sekarang kita telah menggunakan tag header 1 (h1) pada judul postingan, selanjutnya gantilah tag header judul blog dengan h2 guna menghindari terjadinya bentrok antara tag header judul posting dengan judul blog. Apabila hal ini terjadi maka posisi blog kita pada SERP akan hancur banget karena banyaknya h1 pada blog membuat search engine kebingungan dan menendang blog kita jauh-jauh. Untuk menghindari terjadinya hal yang tidak diingini carilah kode CSS seperti dibawah ini kemudian ganti kode h1 dengan kode h2.
#header h1{
....................
}
#header h1 a, #header h1 a:visited{
....................
}
#header h1 a:hover{
....................
}
Kemudian ganti kode h1 dengan kode h2 pada judul blog anda seperti kode dibawah ini :
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
.........................
.........................
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
.............................
h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 {
line-height:1.4em;
}
Sekarang kita telah menggunakan tag header 1 (h1) pada judul postingan, selanjutnya gantilah tag header judul blog dengan h2 guna menghindari terjadinya bentrok antara tag header judul posting dengan judul blog. Apabila hal ini terjadi maka posisi blog kita pada SERP akan hancur banget karena banyaknya h1 pada blog membuat search engine kebingungan dan menendang blog kita jauh-jauh. Untuk menghindari terjadinya hal yang tidak diingini carilah kode CSS seperti dibawah ini kemudian ganti kode h1 dengan kode h2.
#header h1{
....................
}
#header h1 a, #header h1 a:visited{
....................
}
#header h1 a:hover{
....................
}
Kemudian ganti kode h1 dengan kode h2 pada judul blog anda seperti kode dibawah ini :
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
.........................
.........................
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
.............................
Simpan Perubahan pada template anda, itulah langkah-langkah Modifikasi Tag Heading Menjadi h1 guna memperkuat judul posting untuk optimasi blog agar bisa nangkring dihalaman pertama search engine dan meningkatkan visitor blog. Adapun tips seo modifikasi tag heading menjadi h1 untuk memperkuat judul posting pada search engine ini zona-klik temukan dari blog kangtiar.blogspot.com.
Thanks for reading & sharing Tutorial Blog & Tips SEO
