Tag Heading (H1–H6): Cara Menyusun Halaman untuk Pembaca dan SEO

Tag heading – <h1> hingga <h6> – menandai judul-judul pada halaman web. Tag ini memberi halaman sebuah kerangka, sama seperti bab dan subbab menyusun sebuah buku. Struktur itu membantu tiga kelompok sekaligus:

• Pembaca, yang memindai heading untuk menemukan bagian yang mereka butuhkan
• Pengguna pembaca layar, yang melompat dari heading ke heading untuk bernavigasi
• Mesin pencari dan sistem AI, yang menggunakan heading untuk memahami isi setiap bagian

Menata heading dengan benar adalah salah satu perbaikan on-page termudah yang bisa Anda lakukan.

Cara kerja level heading

• H1 – judul utama halaman, menggambarkan topik keseluruhannya
• H2 – bagian-bagian utama
• H3 – subbagian di dalam H2
• H4–H6 – level yang lebih dalam, jarang diperlukan di sebagian besar halaman web

Kerangka yang baik terbaca seperti daftar isi:

H1  Cara Mulai Membuat Kompos di Rumah
  H2  Apa yang bisa dan tidak bisa dikompos
    H3  Bahan hijau: kaya nitrogen
    H3  Bahan cokelat: kaya karbon
  H2  Memilih wadah kompos
  H2  Langkah demi langkah: membuat tumpukan pertama
  H2  Mengatasi masalah umum
    H3  Kompos saya berbau
    H3  Kompos saya tidak terurai
  H2  Pertanyaan yang sering diajukan

Siapa pun yang melihat kerangka itu tahu persis isi halamannya – begitu pula mesin pencari.

Haruskah halaman hanya memiliki satu H1?

Secara teknis HTML5 mengizinkan beberapa elemen H1, dan Google menyatakan bahwa lebih dari satu H1 bukan masalah bagi sistemnya. Meski begitu, satu H1 per halaman adalah pilihan paling jelas. Satu H1 menyatakan topik utama tanpa ambigu, menjaga kerangka tetap logis bagi pembaca layar, dan tidak membingungkan alat SEO.

Penyebab umum H1 ganda adalah tema yang membungkus logo dalam H1 di setiap halaman, atau page builder yang memakai H1 untuk gaya tampilan. Periksa template Anda.

Haruskah H1 sama dengan tag title?

Keduanya harus menggambarkan topik yang sama, tetapi tidak harus identik. Tag title ditulis untuk hasil pencarian dan harus muat dalam sekitar 60 karakter. H1 adalah judul yang dilihat orang saat tiba di halaman, sehingga boleh sedikit lebih panjang atau lebih santai.

Jika keduanya menggambarkan hal yang sama sekali berbeda, Google lebih mungkin menulis ulang title Anda di hasil pencarian.

Praktik terbaik untuk heading

Gunakan heading untuk struktur, bukan gaya

Jangan memilih level heading karena Anda menyukai ukuran hurufnya, dan jangan membuat teks biasa tebal dan besar alih-alih memakai heading sungguhan. Atur gaya heading dengan CSS; pilih level berdasarkan kerangka.

Jangan melompati level

Beralihlah dari H2 ke H3, bukan dari H2 langsung ke H4. Level yang dilompati membuat struktur lebih sulit diikuti, terutama bagi pengguna pembaca layar yang bernavigasi berdasarkan level heading.

Buat heading yang deskriptif

“Ikhtisar”, “Info lainnya”, dan “Bagian 2” tidak memberi tahu apa pun. “Berapa biaya renovasi loteng?” memberi tahu pembaca dan mesin pencari persis apa yang berikutnya.

Gunakan kata yang dicari orang – secara alami

Jika halaman Anda menargetkan “biaya renovasi loteng”, masuk akal bila H1 dan setidaknya satu H2 memakai frasa itu atau variasi dekatnya. Jangan memaksakan kata kunci di setiap heading; hasilnya tidak enak dibaca dan tidak membawa manfaat.

Tulis heading berbentuk pertanyaan untuk konten tanya-jawab

Saat sebuah bagian menjawab pertanyaan, rumuskan heading sebagai pertanyaan itu dan jawab langsung di kalimat pertama di bawahnya. Format ini mudah dipindai pembaca dan mudah diekstrak mesin pencari untuk cuplikan unggulan, “Pertanyaan terkait”, dan jawaban AI.

Buat tetap ringkas

Sebagian besar heading paling efektif di bawah sekitar 70 karakter. Heading yang panjang sulit dipindai.

Heading dan aksesibilitas

Bagi orang yang menggunakan pembaca layar, heading adalah cara utama untuk memahami dan menjelajahi halaman. Pedoman Aksesibilitas Konten Web (WCAG) mengharapkan heading menggambarkan bagiannya dan mencerminkan struktur konten yang sebenarnya. Karena itu struktur heading yang baik adalah syarat aksesibilitas, bukan sekadar pelengkap SEO – dan membantu semua orang.

Masalah heading yang umum

1. Tidak ada H1 sama sekali – sering karena tema menampilkan judul halaman di dalam div bergaya
2. Logo dalam H1 di setiap halaman – sehingga setiap halaman memiliki H1 yang sama
3. Heading dipakai untuk elemen desain seperti “Ikuti kami” atau kotak newsletter di sidebar
4. Heading kosong – tag H yang hanya berisi gambar tanpa teks alt
5. Dinding teks – halaman panjang tanpa subjudul sama sekali

Crawl situs akan menandai halaman tanpa H1 atau dengan beberapa H1, dan pemeriksaan halaman menampilkan kerangka lengkapnya.

Contoh kerangka untuk jenis halaman umum

Halaman produk

H1  Mesin Espresso Breville Barista Express
  H2  Fitur utama
  H2  Isi kemasan
  H2  Spesifikasi
  H2  Ulasan pelanggan
  H2  Pengiriman dan retur

Halaman layanan lokal

H1  Tukang Ledeng Darurat di Jakarta
  H2  Apa yang kami perbaiki
    H3  Pipa pecah
    H3  Water heater rusak
    H3  Saluran tersumbat
  H2  Area layanan
  H2  Harga
  H2  Mengapa memilih kami
  H2  Pertanyaan yang sering diajukan

Artikel perbandingan

H1  Grinder Kopi Burr Terbaik 2026
  H2  Pilihan teratas kami sekilas
  H2  Cara kami menguji
  H2  Ulasan grinder terbaik
    H3  1. Baratza Encore ESP – terbaik secara keseluruhan
    H3  2. Fellow Opus – desain terbaik
  H2  Yang perlu diperhatikan saat memilih grinder
  H2  FAQ

Setiap kerangka masuk akal dengan sendirinya. Anda bisa menyerahkannya kepada penulis, dan mereka akan tahu persis apa yang harus ditulis.

Heading dan cuplikan unggulan

Saat halaman muncul di cuplikan unggulan – jawaban berkotak di atas beberapa hasil –, Google sering memakai heading sebagai konteks dan paragraf atau daftar tepat di bawahnya sebagai jawaban. Daftar dalam cuplikan sering berasal dari serangkaian heading H2 atau H3, atau dari daftar bernomor di bawah heading.

Untuk memberi konten Anda peluang terbaik:

• Rumuskan heading sebagai pertanyaan atau tugas
• Jawab secara ringkas (sekitar 40–60 kata) di paragraf pertama setelahnya
• Gunakan daftar bernomor untuk langkah dan daftar berbutir untuk pilihan
• Gunakan tabel untuk perbandingan

Struktur yang sama memudahkan mesin pencari AI mengekstrak dan mengutip konten Anda.

Mengaudit heading di seluruh situs

Masalah heading biasanya berasal dari template, sehingga berulang di banyak halaman. Crawl menunjukkan polanya dengan cepat:

1. Halaman tanpa H1 – periksa template untuk jenis halaman tersebut
2. Halaman dengan beberapa H1 – sering karena logo atau widget sidebar
3. H1 yang identik di banyak halaman – tanda template generik atau halaman tipis yang terduplikasi
4. H1 yang tidak sesuai dengan topik tag title – risiko sinyal yang membingungkan

Perbaiki template sekali, dan setiap halaman yang memakainya ikut membaik. Untuk halaman individual, buka tampilan kerangka dan baca heading-nya saja: jika ceritanya masuk akal dan mencakup apa yang diharapkan pencari, strukturnya berfungsi.

Mengatur gaya heading tanpa merusak struktur

Desainer terkadang menginginkan heading kecil yang halus untuk bagian yang secara struktur adalah H2, atau kalimat visual besar yang sama sekali bukan heading. CSS menangani keduanya: atur H2 agar tampak kecil dengan class, dan gunakan paragraf atau div bergaya untuk kalimat dekoratif. Jaga HTML tetap jujur terhadap struktur konten dan biarkan CSS mengurus tampilan.

Poin-poin penting

• Heading memberi halaman kerangka yang membantu pembaca, pengguna pembaca layar, dan mesin pencari.
• Gunakan satu H1 untuk topik utama, H2 untuk bagian, dan H3 untuk subbagian, tanpa melompati level.
• Pilih level heading berdasarkan struktur dan atur gayanya dengan CSS.
• Heading berbentuk pertanyaan yang diikuti jawaban langsung cocok untuk cuplikan unggulan dan jawaban AI.
• Sebagian besar masalah heading berasal dari template – perbaiki sekali di sumbernya.
• Baca heading-nya saja: jika kerangkanya bercerita, strukturnya berfungsi.

Pertanyaan yang sering diajukan

Apakah tag heading membantu SEO?

Ya. Tag heading membantu mesin pencari memahami topik dan struktur halaman, serta membuat konten lebih mudah dibaca sehingga mendukung keterlibatan. H1 khususnya merupakan sinyal kuat tentang topik utama halaman.

Bolehkah saya memakai H1 lebih dari sekali?

Boleh, dan Google dapat menanganinya, tetapi satu H1 per halaman lebih jelas bagi pengguna, alat aksesibilitas, dan audit.

Berapa banyak H2 yang seharusnya ada di halaman?

Sebanyak bagian yang benar-benar ada. Halaman produk singkat mungkin memiliki dua atau tiga; panduan panjang bisa sepuluh atau lebih.

Apakah heading harus mengandung kata kunci?

Gunakan istilah yang relevan di tempat yang pas secara alami, terutama di H1 dan H2 utama. Kejelasan bagi pembaca lebih penting daripada kata kunci yang persis sama.