Heading Tag H1 H2 H3 Blogspot SEO Friendly - Kembali lagi di runag blogging, kali ini akan menelaah tentang sebuah blog yang seo friendly (blog yang disukai oleh search engine). Blog yang seo frinedly tidak pernah terlepas dari strukturnya yang teratur, yaitu, H1, h2, h3, h4 dst.
Struktur yang bagus dalam sebuah blog adalah menggunakan TAG H1 pada judul blog ketika terbuka di homepage, sementara Tag untuk judul posting adalah menggunakan TAG H2 atau H3. Sementara ketika blog terbuka di single page, maka struktur TAG nya harus berubah, yaitu menggunakan TAG H1 untuk judul posting dan menggunakan TAG h2 atau H3 untuk judul blog.
Kebanyakan template yang tersebar didunia maya belum di optimasi dengan tertruktur seperti ini, maka bagi anda yang ingin blognya bisa nemiliki nilai seo yang bagus, tentu ini harus menjadi perhatian anda. Maka dalam postingan ini kita akan mencoba untuk mengulas bagaimana cara mengatur Tag H1 H2 H3 Seo friendly.
Cara Mengatur Heading Tag H1 H2 H3 Blogspot SEO Friendly
1. Merubah TAG head Judul Blog menjadi H1 pada homepage dan H3 [mau h2 boleh juga] pada halaman posting.CARI KODE:
dst..dst..
dst..dst....
</div>
Kemudian ganti dengan kode dibawah ini
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/></h1>
<b:else/>
<h3 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/></h3>
</b:if>
</div>
Kalau pada template anda terdapat banyak kode <div class='titlewrapper', maka ganti semuanya dengan kode hijau diatas.
2. Merubah TAG head Deskripsi Blog menjadi h2
Cari kode:
dst...dst..
dst...
</div>
Kemudian ganti dengan kode dibawah ini
<h2 class='description'><span><data:description/></span></h2>
</div>
Kalau kode Orange diatas banyak, maka ganti semuanya dengan kode hijau
3. Merubah TAG head posting menjadi H3 pada homepage
Cari KODE: <div class='post hentry uncustomized-post-template', pada beberapa baris di bawah kode ini akan anda temukan kode seperti ini :
dst...dst...dst...
dst...dst...
dst...
</h?>
4. Merubah TAG head posting menjadi H1 pada halaman posting (single post)
Cari kode Kuning tebal yang beberapa baris di atasnya ada kode berwarna hijau seperti di bawah ini:
kode bla...bla...bla...
kode bla...bla...bla...
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
kode bla...bla...bla...
kode bla...bla...bla...
</h3>
</b:if>
<div class='post-header'>
Kemudian ganti kode yang berwarna orange dengan kode yang dibawah ini.
<b:if cond='data:blog.pageType != "item"'>
<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>
<b:else/>
<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>
Terakhir save template, dan lihat atau cek dengan menggunakan SEO QUAKE add on mozilla, Tag heading blog anda sudah teratur. Demikianlah cara Mengatur Heading Tag H1 H2 H3 blogspot SEO Friendly, semoga bermanfaat. Salam blogging
sama-sama masbro
BalasHapusThank PUS YAKIZ, your blog is nice,,, keep posting :)
BalasHapusmantab tgk..
BalasHapusmakasih..
Sama-sama TGK NAfi :)
BalasHapusYang satu ini cukup bikin ane puyeng, udah ane ubah mudah2an work ...
BalasHapusMembuat herbarium@ kalau sudah di ubah, silakan di cek struktur html blognya dengan cara menginstall SEOQuake add on di mozilla, kemudian tinggal klik kanan >> Seoquake >> Diagnosis. Disana akan nampak yang mana H1, H2, H3, H4, dst.
BalasHapuslangsung diterapkan diblog baruku..
BalasHapusmakasih gan, ini informasi yang bermanfaat bagi saya..
langsung praktek boosss
BalasHapusThanks banget
zvelite.com
topfivetop.blogspot.com
Skripsi tesis@ Silakan mas,,,
HapusSepta prasetya@ ya, may all of these are useful
Wah kudu praktek nih.
BalasHapusInformasinya sangat bermanfaat nich
bagus sekali gan atas infonya
BalasHapusTerima kasih mas tutorialnya.. Sangat membantu saya ^_^
BalasHapusBagus@ silakan mas,,,
HapusSalsavira@ Iya mas, semoga membantu
Rohmatullah@ Sama-sama Omm
cara mengatur heading h1 h2 h3 agar seo ini yang saya cari dari tutorial agan yang berkwalitas
BalasHapus