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

13 komentar:

  1. Ooo gitu ya, yang disukai heading terstruktur. mantab Oy!

    BalasHapus
  2. komentar balik dari sahabat baru, tika... kalau ada waktu ditunggu kunjungan baliknya, tiap hari ada update backlinks Pr tinggi baru dari tika...

    BalasHapus
  3. baca-baca dulu sob...
    thx nich,, akan ane praktekan sob....

    BalasHapus
  4. wah makasih sob,, mau di coba ni, maklum sob pemula banget belum tau banyak,, sob makasih ya sukses selalu

    BalasHapus
  5. saya pake manipulasinya :D
    post h1 juga

    BalasHapus
  6. iya sob . . . ane udah nyoba dan hasilnya mantap . . . thanks ya sob, moga sobat2 yang lain juga mempraktekannya . . . supaya SEO kita smua bagus . . . hehe

    oh iya, mampir juga ke blog ane yak sob . . . sekalian follow back ya sob :D

    BalasHapus
  7. Saya masih ragu menukarnya. Karena memang template yang saya pakai adalah hasil modifikasi.

    BalasHapus
  8. Siiiiiiiiiiiiiiiiiipppp
    Ini baru berita yang menarik, maju terus gan, + sukses and muantab.
    Salam hangat dari http://mobil88.wordpress.com
    Jikan ketangkap hansip mohon dipulihkan, thanks.
    :D

    BalasHapus
  9. Siiiiiiiiiiiiiiiiiipppp
    Ini baru berita yang menarik, maju terus gan, + sukses and muantab.
    Salam hangat dari http://mobil88.wordpress.com
    Jikan ketangkap hansip mohon dipulihkan, thanks.
    :D

    BalasHapus
  10. Pengen nyoba, tapi ngeri-ngeri sedap nih
    takut eror ... :D

    BalasHapus
  11. Jiah... Mitos, Kali ini ni nih jalan2 nemu Mitos SEO, hebat... n makasi y infonya OM :D suxses truz...

    BalasHapus