Memperbaiki Struktur Tag Heading Blogger Agar SEO Friendly

Meningkatkan Traffic Pengunjung & Membuat Blog Lebih Seo Friendly dengan Merubah Tag H3, H2 & H1
Meningkatkan trafik pengunjung dan membuat blog lebih SEO friendly dengan cara memperbaiki struktur tag h3, h2 & h1 pada template blogspot merupakan suatu hal yang harus anda lakukan dan ini akan sangat memberikan pengaruh yang positif bagi blog anda.

Memperbaiki struktur tag judul akan membuat blog lebih SEO Friendly dan mempermudah robot search engine membaca judul dan isi artikel yang kita posting. Nah ketika sudah SEO friendly, otomatis posisi blog pada search engine akan terus membaik. Hal ini akan berdampak pada peningkatan jalur lalulintas pengunjung ke blog dan tidak menutup kemungkinan untuk meningkatakan jumlah pageviews.

Sebelum lanjut ke pembahasan memperbaiki susunan tag heading pada template, ada baiknya anda mengetahui apa itu tag H1, H2 & H3 dan tempat seharusnya agar lebih memudahkan pemahaman anda.
  1. <h1> title atau judul blog </h1>
  2. <h2> judul postingan atau artikel </h2>
  3. <h3> judul widget blogger </h3>
Setelah mengetahui fungsi dan penjelasan tersebut di atas, sekarang mari kita lanjut ke tahap selanjutnya yakni memperbaiki struktur tag H1 sampai H3.
  • Login ke blogger
  • Template » Edit HTML » Expand Template Widget
  • Untuk mencegah terjadinya kesalahan pada saat memperbaiki struktur tag, saya sarankan untuk membackup template anda terlebih dahulu
    Pertama
Cari : #header h1 {
Kemudian ganti dengan ini : #header h1, #header p {
    Kedua
Cari kode CSS seperti ini : .post h3 { 
Ganti dengan ini : .post h1, .post h2{
    Ketiga
Cari lagi : .post h3 a,.post h3 a:visited,.post h3 strong {
Ganti dengan kode ini : .post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong{ 
    Keempat
Cari lagi yang ini : .post h3 strong,.post h3 a:hover {
Ganti dengan : .post h1 strong,.post h1 a:hover,.post h1 strong,.post h2 a:hover {
    Kelima
Temukan kode ini : h2.date-header {
Ganti menjadi : .date-header {

Lanjutkan dengan mencari : <h2 class='date-header'><data:post.dateHeader/></h2>
dan menggantinya dengan : <div class="date-header"><data:post.dateheader></data:post.dateheader></div>
    Keenam
Cari kode dibawah ini :
<h1 class='title'>
<b:include name='title'/>
</h1>

Ganti dengan ini :
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>
    Ketujuh
Cari kode ini :
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
Ganti menjadi seperti kode di bawah ini :
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>
    Terakhir
Cari kode berikut :
<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>

Ganti dengan kode seperti di bawah ini 
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h2 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>
</h2>
</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> 
  • Simpan template dan rasakan perbedaannya.
Jika langkah-langkah tersebut di atas masih belum anda pahami, silahkan bertanya dengan cara memberikan komentar. Terima kasih !

Unknown
Unknown

97 comments:
Write comment
  1. jika tida berhasil efeknya gimana gan?
    Jawaban pertanyaannya di tunggu di blogane http://agusridwan67.blogspot.com.
    Salam kenal ..:)

    ReplyDelete
  2. No Effect...!!! Jika tidak berhasil, paling tidak struktur tag pada HTML blog akan tersusun dengan baik dan memudahkan pembacaan oleh search engine ketika mengcrawl isi blog. Moga jawaban ini membantu...!!! Terima kasih...

    ReplyDelete
  3. makasih infonya semoga membantu web saya

    ReplyDelete
  4. nice info gan. membantu bngt
    visit http://bacablogtekno.blogspot.com/

    ReplyDelete
  5. Di template blog saya tidak menemukan kode2 spt diatas mas, gimana caranya ya. terimakasih

    ReplyDelete
    Replies
    1. Cari kode yang hampir sama atau mirip dengan contoh kode di atas.

      Delete
  6. posting yang bermanfaat gan.. salam kenal

    ReplyDelete
  7. h1 VS h3, bingung untuk memilih bagusan mana mas ?

    ReplyDelete
    Replies
    1. Loh kok dipilih? Tag h1 s/d h3 bukannya dipilih gan, tetapi strukturnya diperbaiki...!!!

      Delete
  8. makasih bos info nya gimana caranya biar blog saya jadi lebih baik ada tips lain nya

    ReplyDelete
    Replies
    1. Ada beberapa cara yang bisa dilakukan, tapi saya lebih tekankan untuk memperbaiki kualitas postingan dan jangan terlalu melakukan optimasi secara berlebihan...!!!

      Delete
  9. Keren bro tutorial SEO u/ tag h1,h2,h3 nya! :)

    Biar SEO nya lebih maknyus dan berkualitas u/ keseluruhan komponen blog, bisa kesini bro : http://topspot-official.blogspot.com/2013/04/Google-Telah-Menerbitkan-Versi-Terbaru-Panduan-Pengoptimalan-Mesin-Telusur-atau-SEO-Starter-Guide.html.

    Semoga bermanfaat! :)

    ReplyDelete
  10. yg langkah 7 , aku ketemu dua DENGAN warna merah.
    gmn itu mz? apa harus diganti dua2nya...?

    ReplyDelete
  11. AnonymousMay 18, 2013

    makasih gan udah banyak ilmu yang ane dapet. Semoga bermanfaat buat yang laen juga...

    ReplyDelete
    Replies
    1. Sama-sama mas dan makasih juga udah berkunjung !

      Delete
  12. AnonymousMay 29, 2013

    bozz... kl seandainya setelah mengganti sesuai diatas terus saya pratinjau ga ada masalah tetapi kl disimpan malah ga mau... kenapa penyebabnya bozz... thanks

    ReplyDelete
    Replies
    1. Yang bermasalah dibagian mananya mas ? klo boleh tau, biar saya bisa kasiin solusinya.

      Delete
  13. wah mantap nih langsung praktek lapangan
    visit back http://novaibnu.blogspot.com

    ReplyDelete
  14. masih berlaku gak gan di tahun 2013??
    >> kunbal http://lensaglobe.blogspot.com

    ReplyDelete
  15. This comment has been removed by the author.

    ReplyDelete
  16. Lapor, di blog-ku tidak ada kode #header h1{ dan apa yang diganti kalau tidak ada kode itu? Blog-ku templatenya asli dari Blogger alias bukan buatan para ahli blog.

    ReplyDelete
  17. AnonymousJuly 05, 2013

    Mantap gan > kunbal ya http://rahman-ciblog.blogspot.com

    ReplyDelete
  18. tengkyu mas, ini yg saya cari, walaupun belum tau berhasil atau tidak yang penting usaha dulu...mudah-mudahan blog saya di http://pasarbuku.aksiku.com dapat makin banyak pengunjung..tentunya buku-buku bekas saya jadi banyak pembelinya..tengkyu lagi..

    ReplyDelete
  19. AnonymousJuly 31, 2013

    makasih ruang dan infonya bermanfaat sekali

    ReplyDelete
  20. Sudah sy lakukan spt itu tp stlh sy cek di seo checker kok katanya h2 tidak ada ya mas, coba sy ulangi lagi, matur nuwun trmksh

    ReplyDelete
  21. bener-bener ajiib tutorsnya om agan..

    feedback http://cungers.blogspot.com :)

    ReplyDelete
  22. msh hrus puter otak dlu gan ,,,,, http://choppie88.blogspot.com

    ReplyDelete
  23. ini harus di ganti semua apa bisa cuma milih 1 atau 2 mas?

    ReplyDelete
  24. Sippp sipp sippp.. thanks gan.. kunjungi balik http://rurimusik.blogspot.com

    ReplyDelete
  25. Telah diaplikasikan diblog saya dan berhasil..

    Terima kasih

    ReplyDelete
  26. Makasih infonya Mas.

    Tapi saya bingung, manfaat konfigurasi h1-h6 itu buat apa sih?
    Mengapa BlogSpot tidak menerapkannya secara default, jika memang hal itu membantu keterbacaan oleh crawler Google.. Kan satu grup mereka ini..

    Seperti Meta Tag itu kan bermanfaat untuk mengenalkan keyword blog, kalo H1 - H6 itu gimana fungsinya Mas?
    Mohon Bimbingannya..

    ReplyDelete
  27. untuk pengaturan h3 pada wordpress basic bagaiamana om mimin?
    saya tidak dapat menemukan h3 pada http://suzukindo.web.id melalui chkme.com
    terima kasih sebelumnya min :)

    ReplyDelete
  28. kuk masih gagal ya gan, h1 nya masih missing


    http://komputer-pcgame.blogspot.com/

    ReplyDelete
  29. Kalau untuk WordPress sama gak mas caranya..?

    Kunjungi balik ya http://www.foredi88.com

    ReplyDelete
  30. Kalau untuk WordPress sama gak mas caranya..?

    Kunjungi balik ya http://www.foredi88.com

    ReplyDelete
  31. seo on-page sangat baik untuk menuju ke serp... terimakasih tutorialnya

    ReplyDelete
  32. mas pas kucari kode yang #header h1 { kok gak ada ya :(

    ReplyDelete
  33. thx tips nya:)
    ---
    Kunjungi Blog Saya :)

    ReplyDelete
  34. yang pada nomor 3, 4 dan juga 5 sebagiannya kok ga ada di template blog ane ya gan?
    ane baru mau belajar belajar nih terimakasih jawabannya gan tolong di cek ya belajarbuattemplatesendiri[.]blogspot[.]com

    ReplyDelete
  35. Makasih Mas semoga bisa membantu blog saya lebih seo lagi.

    ReplyDelete
  36. jujur aja mas, sebenerya saya kurang ngerti sama penyusunannya kaya gimana, kalupun saya ngikutin apa yang barusan, tetep ajakan saya nggak ngerti alias nggak paham apa yang di maksud dengan kode tersebut

    tapi sebelumnya terimakasi mas tutorialnya keren (y)
    ini blog awam saya http://tipsbackpackeran.blogspot.com/

    ReplyDelete
  37. Informasi yang bermanfaat gan .. semoga bermanfaat juga bagi semua pembaca..

    jasa internet murah

    ReplyDelete
  38. This comment has been removed by the author.

    ReplyDelete
  39. semoga cara ini bisa dipakai untuk keluar dari jebakan penguin 3.0

    ReplyDelete
  40. Thank's ya infonya membantu blajarku ya
    http://cartermobilmadiun.blogspot.com/

    ReplyDelete
  41. Mantap..langsung tkp.
    Trims infonya mas

    ReplyDelete
  42. Mas h3 punya saya g ada, cara ngasihnya gimana master. terimakasih master

    Belajar juga di disini.
    Belajar musik gratis
    BELAJAR MUSIK ONLINE

    www.metrowguitar.com

    ReplyDelete
  43. Bos mau nanya ini . Blogku http://android-apkdata.blogspot.com/ udah aku cek di chkme tapi H1 nya lebih dari satu, trus gimana memperbaikinya ??

    ReplyDelete
  44. aku gak nemuin kodenya ya? bahkan aku cari yang paling mirip juga gak ada. gapteg banget nih...

    ReplyDelete
  45. ini masih work enggak gan?

    ReplyDelete
  46. trtimakasih infonya gan
    http://ramuantradisionalkita.com/

    ReplyDelete
  47. sudah saya terapkan dalam blog saya mas. terus bagaimana penempatan heading yang benar dengan menggunakan tool yang sudah ada pada saat menulis artikel di blogspot

    ReplyDelete
  48. Sepertinya saya harus mencoba terlebih dahulu biar nggak tahu bedanya

    ReplyDelete
  49. Saya cari semua kode yang dimaksud tidak muncul tu.....bagaimana tutornya mas, apa beda template beda strukturnya?

    ReplyDelete
  50. memang gak boleh asal-asalan yah memasang heading itu...

    http://www.tokoobatku.com/obat-migrain-herbal/

    ReplyDelete
  51. This comment has been removed by the author.

    ReplyDelete
  52. Cara tersebut sudah saya praktekin tuh mas di Apa Itu SEO, SEM, SMM, SMO? Coba deh di cek bener ga begitu caranya.

    ReplyDelete
  53. masih bingung saya tidak juga bisa memperbaiki h1 di blog saya

    ReplyDelete
  54. This comment has been removed by the author.

    ReplyDelete
  55. wahh boleh ni infonya, tak coba
    mampir2 di blog ane ya http://katatours.blogspot.com banyak info paket tour dan tiket pesawat murah..

    ReplyDelete
  56. wahh boleh ni infonya, tak coba
    mampir2 di blog ane ya http://katatours.blogspot.com banyak info paket tour dan tiket pesawat murah..

    ReplyDelete
  57. wahh boleh ni infonya, tak coba
    mampir2 di blog ane ya www.katatours.blogspot.com banyak info paket tour dan tiket pesawat murah..

    ReplyDelete
  58. gan, blog ane H3 nya ga ada,boleh minta tolong pencerahannya gan?
    kredit-springbed.blogspot.com

    ReplyDelete
  59. mantap gan postingannya

    ReplyDelete
  60. semangat untuk memperbaiki blog aku. terima kasih gan untuk tipsnya ini..
    baca selengkapnya

    ReplyDelete
  61. Mantab bang boleh dicoba ini bang. Jangan lupa mampir yaaa www.hanyaorangtakpunya.blogspot.co.id

    ReplyDelete
  62. terima kasih silahkan kunjungi blog saya

    ReplyDelete
  63. yang membuat artikel ini copas ya?
    ketika saya cek kok berantakan milik situ?
    artinya tutorial diatas copas tanpa BUKTI KONGKRIT

    ReplyDelete
  64. This comment has been removed by the author.

    ReplyDelete
  65. wah tips dan trik nya keren gan. ijin sedottt ya...

    ReplyDelete
  66. thanks info sangat bermanfaat sob ..
    kunjungan baliknya yaa di http://www.koraninformasi.com/

    ReplyDelete
  67. saya coba ya mas.. terima kasih

    ReplyDelete
  68. makasih gan ats infonya membantu bnget buat blog http://dramusikmp3.com

    ReplyDelete
  69. bagus ulasannya gan www.sundulclub.com

    ReplyDelete
  70. kode tersebeut diatas tidak ada dalam script blog saya di www.driverhino.com boleh bantu pencerahannya mas.. terimakasih

    ReplyDelete
  71. mantap artikelnya sangat bermanfaat gan

    http://www.rapaonlineseo.xyz/

    ReplyDelete
  72. #header h1 {
    kode-kode itu tidak ada dalam script blog saya. Blognya guidanceandtips.blogspot.com. mohon bantuannya gan...
    terima kasih

    ReplyDelete
  73. bro langkah terakhir itu gimana... tolong di bantu karena di html template saya terdapat 2 yang satunya itu

    h2 class='mobile-post-title entry-title' itemprop='name'

    apa mesti di ganti juga ??

    ReplyDelete
  74. IJIN Copas Yah kk Buat Pengaturannya Makasi bner Yah .
    Ninggal Jejak Gpp Kan http://www.naturspapanggilan.com/

    ReplyDelete
  75. Terima kasih untuk artikelnya sangat membantu ilmunya untuk diterapkan langsung ke artikel saya jadi tau fungsi h3 h2 h1

    http://www.suzuki-cilacap.com/

    ReplyDelete
  76. site://www.zonespedia.com

    ReplyDelete
  77. This comment has been removed by the author.

    ReplyDelete
  78. http://www.pfizerobataborsi.com/2017/08/jual-obat-aborsi-semarang.html

    ReplyDelete
  79. alhamdulillah sudah coba di tempatku https://marketingapartmenttamansariiswara.blogspot.co.id/ akhirnya sudah tidak ada error lagi. terimakasih banyak.

    ReplyDelete