Lompat ke konten Lompat ke sidebar Lompat ke footer

Tips Pengaturan Tag Heading Agar Menjadi SEO Friendly


Tag Heading SEO Friendly
Pengaturan tag heading H1, H2, H3,dst. pada template merupakan hal yang sangat penting untuk dilakukan, karena dengan pengaturan struktur tag heading yang baik maka template blog kita akan menjadi lebih seo friendly. Sebagaimana kita ketahui, biasanya pada template bawaan blogspot penempatan tag heading tidak tertata dengan baik. Hal seperti ini berdampak pada blog ataupun judul postingan kita menjadi lambat sekali terindeks oleh Google. Nah seperti apa  pengaturan tag heading yang baik dan seo friendly tersebut ? Tips blogging kali ini akan membahasnya untuk anda.


Menurut beberapa referensi yang saya baca mengenai optimasi seo, untuk lebih meningkatkan kualitas seo dari blog kita maka kita harus menggunakan susunan tag heading H1 sebagai title/judul blog, tag heading H2 sebagai title/judul postingan atau judul artikel serta tag heading H3 untuk widget. Untuk mengecek seperti apa susunan tag heading pada template anda sebelum dan sesudah ditata nantinya, anda dapat mengeceknya melalui link heading checker ini. Cara pengaturan tag heading agar sesuai seperti yang saya sebutkan adalah sebagai berikut :

  • Login ke dashboard blogger anda, pilih Rancangan , Edit HTML dan centang Expand widget template.
  • Langkah dibawah ini untuk menjadikan tag h2 sebagai tag titile/judul postingan.
  • Cari kode seperti dibawah ini :

<h3 class="post-title entry-title"> <b:if cond="data:post.link"> Bla..bla..bla.., dan seterusnya sampai kode dibawah ini ya..!! </b:if></h3>
  • Gantilah tag h3 menjadi h2.
  • Cari lagi kode seperti dibawah ini :

<h3 class='mobile-index-title entry-title'> <data:post.title/> </h3>
  • Gantilah tag h3 menjadi h2.
  • Lanjutkan dengan mencari kode seperti ini :

<Group description="Post Title" selector="h3.post-title, h4, h3.post-title a">
  • Ganti tag h3 menjadi tag h2.
  • Selanjutnya kita akan merubah tag heading pada widget blog anda.
  • Carilah kode seperti dibawah ini pada template anda :

<!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if>
  • Ubahlah tag h2 menjadi h3.
  • Jika anda memiliki 5 buah widget yang terpasang pada sidebar, maka anda harus mencari kelima tag heading widget tersebut dan gantilah tag h2 menjadi h3.
  • Save template anda.
  • Ceklah hasilnya melalui link yang saya berikan diatas.
Dengan mengatur tag heading H1, H2 dan H3 seperti diatas, maka insyaallah tag heading pada blog anda menjadi lebih seo friendly. Hal ini saya sudah saya buktikan setiap membuat postingan baru, judul postingan saya akan terindeks oleh Google hanya dengan waktu kurang dari 3 menit. Selamat mencoba tips pengaturan tag heading ini, semoga berhasil dan bermanfaat untuk anda.

38 komentar untuk "Tips Pengaturan Tag Heading Agar Menjadi SEO Friendly"

  1. WUALAH MANTEP TENAN PANDUANNYA.LANGSUNG CEK MAK NYOS....
    MATURSUWUN MAS..

    BalasHapus
  2. sy coba di tp blum ketemu scrpit Group description blabla..gmana gan?

    BalasHapus
  3. Klo saya koq ga nemu kode: ..Group description="Post Title"...

    saya coba kata: Group description jg ga ada.. pdhl udh di klik Expand Widget Template ny,, duh jd bingung..
    http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif
    mohon bantuannya..http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif

    BalasHapus
  4. khusaini
    http://penowo.blogspot.com

    makasih mas atas sharenya,,,
    udh di coba unutk opsi gorup description tu yang gk ketemu

    sya sedang ikutan kontes mas,,
    lgi mencoba,, kritik dan sarannya mas

    BalasHapus
  5. makasih mas infonya.
    skalian mau tanya mas. yang mas praktekin itu pake template apa/ sumber templatenya? karena stiap penyedia template itu jeroanya beda2.

    siapa tau bisa jadi rujukan semua temen2..

    BalasHapus
  6. makasih gan atas sharenya. Salam kenal

    BalasHapus
  7. thank ya infonya sangat bermanfaat, izin tukaran link ya...
    http://dienihefwidarniza.blogspot.com

    BalasHapus
  8. mas bos,itu maksute gimana?tag h2 ganti h3,apa angka nomr 2 gnti nmr 3 gtu

    BalasHapus
  9. Makasih mas tutorialnya... sudah ane praktekin... tapi kode yang ketiga saya cari gak ketemu ya..??

    BalasHapus
  10. thanks atas infonya yang sangat bermanfaat

    BalasHapus
  11. cara dia atas apa tutor untuk blogspot.
    dan untuk homepage wordpress apa sama mas.

    salam
    Ali Wachid

    BalasHapus
  12. Artikel Yang benar-benar bermanfaat nich.. mohon ijin dicoba kawan..

    BalasHapus
  13. thanks info tag h1 h2 h3 utk blogspotnya gan...sangat membantu sekali utk seo

    BalasHapus
  14. MAkasih mas, langsung saya praktekkan.

    BalasHapus
  15. Makasih Mas...
    tapi kok saya belum menemukan yang "group description" ya...
    mohon bantuannya mas.

    BalasHapus
  16. kode html twitter to yang kayak apa?

    BalasHapus
  17. Thanks to the owners of this site, very useful tutorial, Greetings

    BalasHapus
  18. Selamat malem mas, mau bertanya.
    Template saya tidak terdapat kode pada langkah 3, sebagai kode penggantinya apa? terimakasih.

    BalasHapus
  19. ini dia yang saya cari, , makasih ya atas ilmunya :)

    BalasHapus
  20. Thanks ilmunya. Emang blogspot perlu banyak dekorasi ternyata!!

    BalasHapus
  21. Mas mau tanya, untuk template Saya ternyata tidak terdapat kode berikut:
    <Group description="Post Title" selector="h3.post-title, h4, h3.post-title a">

    Nah kalo Saya ingin meletakkan kode tersebut dimana Saya bisa meletakkannya? Mohon pencerahannya.

    BalasHapus
  22. akhirnya ketemu juga hehehe thanks gan

    BalasHapus
  23. udah aku praktekkan gan, kalo mau lihat hasilnya gimana gan? trims

    BalasHapus
  24. oke banget yah blog agan , kapan ane boga blog nu kiye ,

    BalasHapus
  25. wah, sudah ane coba n hasilnya SEO blog ane naik :D
    thx infonya...

    BalasHapus
  26. mau nanyak mas,,kok kode nggak ad?

    BalasHapus
  27. makasih mas tutorialnya..

    jangan lupa follow backnya

    cek follower #906

    BalasHapus
  28. ada beberapa yang belum ane coba..
    karena terlalu mempengaruhi ukuran tulisannya..

    BalasHapus
  29. gan di di tempat ane ada kode h3 lainnya,
    kya gni h3 class='post-title entry-title' itemprop='name'

    apa perlu di ganti juga h3 nya jadi h2? karna itu ada pke itemprop gan... tolong bantuannya!!

    BalasHapus
  30. @Batuahku
    Saya sudah cek templatenya batuahku, pengaturannya tag headingnya sudah betul koq

    BalasHapus
  31. mantap nhe gan......... ijin nyimak dulu

    BalasHapus
  32. tutorialnya lebih singkat dibanding yang dishare orang2 lain :D

    BalasHapus
  33. iya gan, ane juga ngak nemu kode ... please pencerahannya

    BalasHapus
  34. Mas saya mau tanya penempatan H1-H2-H3 wordpress yang benar gmn ya? mohon pencerahan

    BalasHapus