Reset Heading Blogspot Supaya SEO Friendly

Mesin Blogspot memang jauh beda dengan mesin wordpress dalam hal Search Engine Optimization (SEO). Untuk mengoptimasi SEO di mesin blogspot kita harus kerja keras karena itu adalah energi kita, jiahahha.. macam keyword kontes SEO aja ne. Berbicara mengenai Heading di blogspot untuk optimasi SEO sebenarnya ini masih mitos, sebenarnya ini lebih ke Semantic HTML. Namun terlepas dari itu struktur Heading yang disukai google adalah terstruktur (h1-h6), contoh sebagai berikut:

h1 = Judul Blog
h2 = Judul Post
h3 = Judul pada Sidebar/Footer (widgate)
h4 = Judul Komentar

Kalau dilihat dari susunan Heading template bawaan blogger ataupun free template yang banyak tersedia saat ini perlu di reset ulang atau dibanahi kembali struktur Hirarki Headingnya. Jadi di Blogger Template perlu ada pembenahan pada Judul Post (h3), Judul pada Sidebar dan Date (h2).

Barikut ini langkah-langkah untuk mereset Heading Blogspot Supaya SEO Friendly.
1. Pembenahan pada Judul Post.
Mari kita ubah h3 pada kode berikut ini menjadi h2

Pada Kode CSS:

.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}

.post h3 strong, .post h3 a:hover {
color:$textcolor;
}

Pada Kode HTML:

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

2. Pembenahan pada Judul pada Sidebar/Footer
Pada Kode CSS:

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}

Pada Kode HTML:

<h2 class='title'><data:title/></h2>
Ubah heading h2 menjadi h3

3. Pembenahan pada Date/tanggal
Kalau diperhatikan 'date' tidak perlu menggunakan tag heading, karena kurang memiliki nilai. Jadi tag heading pada 'date' dihapus saja.

Pada Kode CSS:

h2.date-header {
margin:1.5em 0 .5em;
}

Hilangkan h2 nya sehingga menjadi:
.date-header {
margin:1.5em 0 .5em;
}

Pada Kode HTML:
<h2 class='date-header'><data:post.dateHeader/></h2>

Ganti h2 menjadi p seperti:
<p class='date-header'><data:post.dateHeader/></p>

Ok deh, itu dulu otak atik Heading di template blogger.com, reset Heading ini telah saya lakukan di blog saya ini dan berjalan satu bulan lebih, hasilnya lumayan memuaskan. Tapi hati-hati mereset heading untuk Free Blogger Template, karena barangkali pembuat free template punya trik tersendiri untuk template yang dibuatnya supaya SEO Friendly dan Semantic HTML. Mungkin anda punya cara lain juga. Selanjutnya silakan berbeda pendapat di kolom kometar tentang Reset Heading Blogspot Supaya SEO Friendly