Cara Mengatur Heading Tag h1 h2 h3 Pada Blog

Cara mengatur Heading Tag h1 h2 h3
Cara mengatur Heading Tag h1 h2 h3 pada blog memang sangat mudah sekali jika anda mengerti. Pada saat kita memberi heading tag pada bagian tertentu pada teks di blog, itu sama saja dengan berkata kepada robot "Bagian ini adalah yang terpenting, ini yang lebih penting, ini yang penting, dan ini yang agak penting".

Dengan cara ini, kita bisa memberi tahu robot bahwa bagian teks ini adalah yang terpenting atau tidak. Jadi, kita harus mengatur heading tag dengan benar. Heading Tag ini juga memiliki aturan-aturan agar bisa menjadi heading yang benar menurut Google, berikut ini adalah aturan-aturan yang harus anda patuhi:
  1. H1 adalah yang paling penting dan H2-H6 adalah urutan selanjutnya.
  2. H1 hanya boleh ada 1 untuk setiap halaman dan WAJIB ADA, sedangkan H2 dan H3 maksimal adalah 8, dan H4 - H6 boleh lebih dari 8.
  3. Semua heading sebaiknya mengandung kata kunci agar relevansi halaman anda meningkat menurut google.
  4. Jangan terlalu banyak pengulangan kata yang sama dalam satu heading tag.
  5. H1 dipakai untuk judul blog, judul postingan sebaiknya diberi tag H2, sedangkan judul Widget sebaiknya diberi H3.
  6. dan lain-lain
Tidak hanya aturan saja, tetapi juga urutan, tadi diatas sudah saya jelaskan bahwa mengatur heading sama saja memberitahu bagian ini paling penting, kurang, tidak penting. Dan heading ini punya 6 tingkatan heading yaitu h1, h2, h3, h4, h5, h6 dan tiap heading punya bagian-bagiannya tersendiri seperti:
  1. Heading Tag H1 harus menjadi heading pada nama blog, dan juga judul artikel saat di halaman artikel.
  2. Heading Tag H2 sebaiknya dipakai pada judul artikel pada halaman beranda dan nama blog pada halaman artikel. Disarankan juga untuk deskripsi blog yang berada dibawah judul blog.
  3. Heading Tag H3 disarankan untuk judul widget.
  4. Heading Tag H4 juga bisa untuk judul widget dan jumlah komentar pada blog
  5. Heading Tag H5 dipakai untuk nama pemberi komentar
  6. Heading Tag H6 untuk link credit seperti Powered By Blogger
Jika anda sudah tahu aturan dan urutan pemasangan heading tag, maka anda pasti sudah siap untuk praktek mengatur heading tag template anda.

Cara Mengatur Heading Tag di Blog dengan Benar

Mengatur Judul Artikel

Judul artikel ini menggunakan h2, jadi jika heading judul artikel anda belum h2 maka silahkan ikuti langkah-langkah berikut ini:
  1. Silahkan login ke akun blogger anda, Masuk ke menu TEMPLATE.
  2. Klik EDIT HTML, kemudian tekan Control + F pada keyboard komputer anda untuk pencarian cepat.
  3. Cari kode h3.post (kode seperti ini kadang beda di setiap template, jadi jika tidak ada kode disamping silakan cari post.h3, atau kalau tidak ada juga, silahkan cari h3, anda akan menemukan banyak h3, silahkan cari yang menurut anda css untuk judul artikel.
  4. Kode seperti ini bisa lebih dari satu. Ubah semuanya menjadi h2.post
  5. Jika sudah, sekarang cari semua kode <h3 class='post
  6. Ubah semuanya menjadi <h2 class='post
  7. Ubah juga end tag pada kode tersebut, ubah </h3> menjadi </h2>
  8. Klik SIMPAN TEMPLATE

Mengatur Judul Widget Menjadi H3

Anda pasti sudah tahu kan bahwa h2 hanya boleh ada 8 di setiap halaman, sedangkan di homepage menampilkan banyak heading h2 setelah anda mengikuti cara diatas, dan jika widget anda masih pakai h2 maka pasti h2 anda lebih dari 8. Jadi, untuk menguranginya adalah dengan mengubah judul widget jadi h3. Silahkan ikuti tutorial berikut..
  • Di menu Template, silahkan masuk ke EDIT HTML
  • Cari kode HTML semua widget blog anda.
  • Contoh kode widget popular posts:
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
  • Ganti kode yang berwarna merah diatas dengan kode <h3><data:title/></h3> 
  • Jika semua widget sudah anda atur, silahkan klik SIMPAN TEMPLATE.
  • Saran saya, jangan semua widget dikasih h3 tetapi atur beberapa widget menjadi h4.

Mengatur Deskripsi Blog Menjadi H2

  • Sebenarnya ini tidak terlalu penting, tapi untuk meningkatkan relevansi silahkan ikuti saja..
  • Cari kode <div class='descriptionwrapper'>, kemudian lihat kode setelah kode <div class='descriptionwrapper'>
  • Kodenya seperti ini
  <div class='descriptionwrapper'>
   <p class='description'><span><data:description/></span></p>


Kode diatas bisa saja berbeda dengan blog anda, tetapi tidak masalah, silahkan ikuti saja langkah-langkah nya.
  • Kode yang berwarna merah adalah kode setelah kode <div class='descriptionwrapper'>.
  • Silahkan ganti kode yang berwarna merah tersebut dengan kode dibawah ini..
<h2 class='description'><span><data:description/></span></h2>
  • Klik SIMPAN TEMPLATE

Cara Mengatur Heading Tag Pada Editor Entri

Beberapa tutorial diatas digunakan untuk mengatur heading tag selain untuk postingan, jadi untuk mengatur heading di postingan, anda cukup memilih 4 pilihan yang ada di editor entri yaitu HEADING untuk H2, SUB HEADING untuk H3, dan MINOR HEADING untuk H4, dan NORMAL adalah tanpa heading.

Jadi, itulah cara mengatur Heading Tag h1 h2 h3 agar blog menjadi lebih SEO friendly. Tapi tetap saja, agar blog berada di halaman satu google, jangan hanya mengandalkan cara ini saja. Ini hanyalah 1 cara dari beratus-ratus cara lainnya.

Anda juga harus mengoptimalkan 2 teknik SEO yaitu Onpage SEO Optimization dan Offpage SEO Optimization. Semoga artikel ini bermanfaat untuk anda dan terima kasih sudah berkunjung dan membaca artikel ini...

40 Responses to "Cara Mengatur Heading Tag h1 h2 h3 Pada Blog"

  1. saya mau nanya sobb , , ,diluar banyak kan tuh templete" yang keren" untuk ditambahkan diblig kita nah apakah templete tersebut masih tetap harus diseteng kembali heading tagnya atau sudah otomatis . .trma kasih!!

    ReplyDelete
  2. agan kalau yang buat wordpress ada gak ya gan, sekiranya di halaman defaul itu ada h1-nya.
    terima-kasih

    ReplyDelete
  3. Mungkin akan saya buat artikelnya nanti

    ReplyDelete
  4. @ Siska

    Tergantung pada template nya, jika heading template nya buruk maka harus di atur agar menjadi SEO. Jika heading nya sudah benar, maka biarkan saja.

    Untuk mengecek heading tag, silahkan anda pakai Add-ons SEOQUAKE..

    ReplyDelete
  5. Terima kasih untuk tutor SEO nya, web saya jd naik score SEO nya setelah saya cek. yang mau saya tanyakan untuk menjadikan tag h1 sebagai "title blog" nya gmn ?

    Best regards,
    Belajar Bahasa Inggris Online

    ReplyDelete
  6. @ Rifki

    Biasanya sebuah template itu sudah memakai h1 sebagai judul blognya.

    ReplyDelete
  7. Salam kenal gan. Ane mau tanya bagaimana penggunaan heading utk wordpress. Mohon petunjuk dari agan. Thanks.

    ReplyDelete
  8. Bro...kalau klo sudah terlanjur salah gimana cara betulan-nya. Maksudnya gini: posting2 terdahulu salah karena saat "EDIT HTML" terdahulu belum belajar begini jadi-nya seperti H1-nya jadi banyak, gimana cara betulin-nya?

    Thx before

    ReplyDelete
  9. @ Azya

    Maaf, saya kurang mengerti dengan pertanyaannya..

    ReplyDelete
  10. bagaimana cara mengatasi H1 yang lebih dari satu?...

    ReplyDelete
  11. H1 dibagian mana ya? padahal seharusnya template default sudah memasang h1 hanya 1 kali setiap laman..

    Coba cari < h1 > di template, dan pastikan bagian kodenya sama dengan kode heading h1 yang lain.

    Jika sudah, silahkan ganti < h1 > dengan < h? >, ganti juga kode penutup < /h1> dengan < /h? >.
    H? silahkan ganti sesuai aturan heading pada bagian templatenya..

    ReplyDelete
  12. saya ganti kode < /h1 > terus saya ganti dengan < /h? > tapi malah gak bisa....
    trus gimana ya cara mengatasinya?

    ReplyDelete
  13. Hmm.. Bukan seperti itu,, coba saya lihat blognya..
    < /h1> itu ganti dengan heading yang lain, seperti < /h2> arau yang lainnya. Sesuai bagian yang salah..

    Misalnya widget pakai < h1>, ganti menjadi < h3>, jangan lupa, kode penutupnya juga ganti

    ReplyDelete
  14. Terima kasih banyak ya mas tipsnya, saya langsung otak-atik template dulu supaya SEO On Page saya jadi lebih bagus.

    ReplyDelete
  15. akhirya ketemu juga cara Aturan Heading tag nya terima kasih gan,ane terapkan di blog ane dulu

    ReplyDelete
  16. Gan, jika saya tidak ada komentar post, bisa tidak sy dai h4 lompat ke h6 utk kredit Linknya?

    ReplyDelete
  17. thanks tutornya sob..
    sudah saya rubah smw h2 ke h3 dibagian widget..
    emg terbaca di chkme, tp tidak ada prubahan SEO, ttp blum 100%..
    masih ttp 93%..
    -keep blogging-

    #blogwalking

    ReplyDelete
  18. Min mau tanya, kalau misalnya judul artikel pada homepage diganti jadi h1 gimana? boleh gak?

    ReplyDelete
  19. @ Jasa Review

    Sebaiknya jangan, pakai H2 saja lebih bagus..

    ReplyDelete
  20. jadi penting jg yah sob yang untuk setting penulisan di artikel editor ny? soalnya msh blm mengerti yg untuk penulisan di heading dan subheading di artikel

    ReplyDelete
  21. Mas kalau untuk cms wordpress gimana ngaturnya,karena kebanyakan pake kode php bukan html,apakah ngaturnya di kode ccsnya?Mohon pencerahannya.

    ReplyDelete
  22. sangat jelas sekali pnjelasannya sob..
    thanks ya, sudah saya terapkan pada template dan hal hasil memang nilai SEO lbih meningkat drpd sblumnya..
    -keep blogging-

    ReplyDelete
  23. sob... ane mau tanya ini, tentang mengatur judul widget menjadi h3, dr artikel d'atas d'paparkan bila contoh Popular Post dgn kode h2 diganti dengan h3. Widget lain seperti recent post, dan semua widget diganti h3 semua sob? mohon bantuan dan pencerahannya sob. Terima kasih

    ReplyDelete
  24. berguna seklai buat saya nih tentang susunan H1-H6, soalnya lg mencari info tentang cara yang pas merubah susunan title tagnya

    ReplyDelete
  25. ane punya blog, udah ane sek di chkme.com ternyata tidak ada tag H1 sama sekali gan
    udah ane otak atik masih belum bisa
    mohon pencerahannyya gan

    ReplyDelete
  26. @ Java Poker

    Coba cari kode title blog anda, kemudian tinggal pasang h1 dan /h1 diantara kode title tersebut.

    ReplyDelete
  27. Keren banget mas teknik SEO nya, masih muda tapi uda pakar. Ane jadi minder...Semangat terus Mas Hidayat. Thanks uda byk memberikan wawasan bagi sesama blogger.

    ReplyDelete
  28. Halo Pak Ma'ruf saya ingin tanya terkait menulis posting menggunakan heading tag h2. Jadi yang di sort untuk h2 nya cuma keyword yang penting aja yah? atau satu paragraf di sort h2 tag pada postingan kita??

    mohon bantuannya pak.. trims.
    dinitalk.blogspot.com

    ReplyDelete
  29. @ Nandini

    Yang dikasih h2 cukup poinnya saja, sedangkan h3 dikasih pada poin penjelas dari h2, dan jangan sampai teks satu paragraf dikasih h2 atau h3 yah!!.. :D

    ReplyDelete
  30. hahaha tapi memberi tag h2 itu bisa berupa kalimat atau hanya kata?
    semisal mana dibawah ini yang lebih baik dalam untuk di sort tag h2 didalem postingan mas?

    1. embed javascript to your posts blogger
    2. embed javascript
    3. post blogger

    makasih ya sekali lg hehe

    ReplyDelete
  31. @ Nandini

    Ya seperti judul artikel anda, itukan pakai h2, itu kalimat atau kata? :v Menurut saya sih yang no 1 lebih cocok.

    Coba anda cek disini: http://i.imgur.com/zvD2SgS.jpg
    Itukan "tempat kerja online gratis tanpa modal" sebagai h2, sedangkan kerja freelance online saya kasih h3 karena itu penjelas dari yang h2.. :D

    ReplyDelete
  32. Gan, terimakasih tutorialnya sangat bermanfaat bagi saya. untuk pengaturan H1, H2, dan H3, apakah bisa menjadikan judul artikel sebagai nama blog saat dibuka artikel yang terkait?

    Gan, boleh tau, tuk pngecekan persen seo pakai aplikasi apakah?

    ReplyDelete
  33. mas ketika saya mau mengatur judul artikel, di EDIT HTML, saya tidak menemukan kode h3.post, giman mas solusinya ?

    ReplyDelete
  34. @ Luis

    Kode h3.post ini kadang berbeda di setiap template, jadi jika tidak ada di template anda, mungkin bentuknya post.h3 , atau kalau tidak ada juga, silahkan cari h3 saja, nanti akan ada banyak sekali kode h3, kira-kira saja kode itu apakah untuk judul artikel. Semoga bermanfaat..

    ReplyDelete
  35. Terimakasih ya gan sharenya :). oiya saya mau tanya di template saya tidak ada kode h3.post ( pokoknya yg di CSS. nah saya baru buat H3 khusus untuk widget. tapi untuk yg <h2 class='post ada dan sudah saya ganti dgn <h3 class='post. Nah pertanyaan nya kalau seperti ini apakah heading blog saya sudah termaksud H2, seperti yg agan jelaskan pada "Mengatur Judul Artikel".? Terimakasih maaf saya msh newbi mohon dibantu :D.

    ReplyDelete
  36. Ini artikel bisa keren banget sob, cara penyampaian materinya sangat jelas dan mudah di pahami. Salam sukses selalu buat blog nya.
    Ga kaya blog punya saya, artikelnya bolak balik ga jelas.hahahah
    salam kenal aja ya sob.

    ReplyDelete
  37. @ Kumpulan Chord

    Silahkan cek manual dengan add-ons SEOQuake. Jika sudah anda install di browser, masuk ke halaman yang ingin dicek, klik kanan >> SEOQuake >> kemudian klik Diagnosis. Nanti ada data-data halaman anda, termasuk juga heading. Semoga membantu..

    ReplyDelete
  38. Terimakasih mas saya sudah cek di chkme dan ternyata H2 blog saya sdh 8 begitu jg H3 nya pun 8. ada yg mau saya tanyakan lg ni mas di template saya ada tag <,h3 class='mobile-index-title entry-title',> sementara saya tidak tahu itu apa, karena bawaan dr template. nah yang saya tahukan H3 hanya untuk widget, lantas <,h3 class='mobile-index-title entry-title',> perlu dirubah atau gimana mas.? Maap sebelumnya ma'lum saya masih newbie :).

    ReplyDelete
  39. Dari banyak tutorial Tag H1 sampai tag H6, koleksi seoterpadu termasuk yang paling lengkap bahasannya. Thks sudah mau berbagi buat kami semua

    ReplyDelete
  40. makasih banget gan, langsung saya praktekkan. dan setelah itu coba pake cari google, blog saya langsung nongol di halaman pertama google. Siiip, ditunggu tips berikutnya.

    ReplyDelete

# Saya akan coba merespon komentar baru secepatnya.
# Harap berkomentar dengan bahasa baku tanpa singkatan.
# Komentar promosi, spam, dan komentar satu kalimat yang tidak bermutu akan saya hapus langsung.
# Jangan menggunakan nama pengomentar dengan nama yang berbau porno, judi, dan yang negatif lainnya.
# Setiap komentar akan dimoderasi secara manual sebelum muncul.