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 !

Lost Sector
Lost Sector

106 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. thanks ya gan infonya, artikelnya bgus sangat berguna buat org2 yg mambacanya termasuk saya.. Mampir juga ya gan lihat artikel saya, saya juga pernah menuliskan artikel mengenai SEO. Ini gan cekidot my article

    ReplyDelete
  14. wah mantap nih langsung praktek lapangan
    visit back http://novaibnu.blogspot.com

    ReplyDelete
  15. Terima kasih sudah memberikan kesempatan untuk berkomentar, postingan ini sangat bermanfaat buat saya ;).
    Silahkan di hapus jika kurang berkenan :)

    Lowongan Kerja
    Artikel Terbaru Terbaik
    Tips Kerja
    Lowongan Kerja Terbaru
    Prediksi Bola Togel

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

    ReplyDelete
    Replies
    1. Sejauh ini sih masih mas...!!!

      Delete
  17. This comment has been removed by the author.

    ReplyDelete
  18. 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
  19. AnonymousJuly 05, 2013

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

    ReplyDelete
  20. 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
  21. AnonymousJuly 31, 2013

    makasih ruang dan infonya bermanfaat sekali

    ReplyDelete
  22. 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
  23. Informasi yang bermanfaat gan .. semoga bermanfaat juga bagi semua pembaca..
    Lapangan Futsal
    Agen Judi Bola
    Futsal
    Jasa Lapangan Futsal

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

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

    ReplyDelete
  25. thanks gan infonya

    ReplyDelete
  26. thanks gan infonya

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

    ReplyDelete
  28. Terima kasih sudah memberikan kesempatan untuk berkomentar, postingan ini sangat bermanfaat buat saya ;).
    Silahkan di hapus jika kurang berkenan :)

    ITUPOKER.COM AGEN POKER ONLINE INDONESIA TERPERCAYA

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

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

    ReplyDelete
  31. Telah diaplikasikan diblog saya dan berhasil..

    Terima kasih

    ReplyDelete
  32. 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
  33. 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
  34. Kalau untuk WordPress sama gak mas caranya..?

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

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

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

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

    ReplyDelete
  37. Makasih broo dicoba dulu ya

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

    ReplyDelete
  39. 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
  40. Wah infonya sangat bermanfaat sekali gan. izin nyimak ya gan dan jangan lupa update terus artikelnya. Oh iya sob, kapan-kapan saya akan mampir lagi jika ada waktu luang. hehehehehe. jangan lupa di update terus ya blognya. salam kenal.
    Teknik Menyisipkan Kata Kunci di H1,H2
    Thanks.

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

    ReplyDelete
  42. 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
  43. Informasi yang bermanfaat gan .. semoga bermanfaat juga bagi semua pembaca..

    jasa internet murah

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

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

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

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

    ReplyDelete
  48. 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
  49. 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
  50. aku gak nemuin kodenya ya? bahkan aku cari yang paling mirip juga gak ada. gapteg banget nih...

    ReplyDelete
  51. ini masih work enggak gan?

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

    ReplyDelete
  53. 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
  54. Sepertinya saya harus mencoba terlebih dahulu biar nggak tahu bedanya

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

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

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

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

    ReplyDelete
  58. I appreciate you and I would like to read your next post.
    Thanks for sharing this useful information.
    We know your time is very important.
    So, We will help you for finding many important website link that you need for every work.
    Just Bookmarks one website and get more website link .
    all important website link
    Seo Tutorial

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

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

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

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

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

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

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

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

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

    ReplyDelete
  68. terima kasih silahkan kunjungi blog saya

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

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

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

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

    ReplyDelete
  73. saya coba ya mas.. terima kasih

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

    ReplyDelete
  75. bagus ulasannya gan www.sundulclub.com

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

    ReplyDelete
  77. mantap artikelnya sangat bermanfaat gan

    http://www.rapaonlineseo.xyz/

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

    ReplyDelete
  79. 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
  80. IJIN Copas Yah kk Buat Pengaturannya Makasi bner Yah .
    Ninggal Jejak Gpp Kan http://www.naturspapanggilan.com/

    ReplyDelete
  81. 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
  82. site://www.zonespedia.com

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

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

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

    ReplyDelete