Struktur Heading Tag H1 H2 H3 yang Benar untuk SEO

Heading tag (H1, H2, H3) bukan sekadar elemen visual untuk memperbesar teks — ini adalah kerangka struktural yang membantu Google dan pembaca memahami hierarki informasi dalam sebuah halaman.

Halaman dengan struktur heading berantakan — misalnya melompat dari H1 langsung ke H4, atau punya lebih dari satu H1 — membuat mesin pencari kesulitan memahami organisasi konten, meski secara visual terlihat rapi karena styling CSS.

01 Apa itu Heading Tag

Heading tag adalah elemen HTML (<h1> sampai <h6>) yang menandai judul dan sub-judul dalam sebuah halaman, membentuk struktur hierarkis seperti daftar isi buku. H1 adalah judul utama, H2 sub-bagian besar, H3 sub-bagian dari H2, dan seterusnya.

02 Kenapa Penting untuk SEO

Google menggunakan struktur heading untuk memahami topik utama dan sub-topik sebuah halaman, membantu menentukan relevansi terhadap query pencarian. Struktur yang rapi juga membantu fitur seperti featured snippet dan table of contents otomatis yang kadang ditampilkan Google di hasil pencarian. Selain SEO, heading yang terstruktur juga krusial untuk aksesibilitas — pembaca layar (screen reader) bagi pengguna tunanetra mengandalkan hierarki ini untuk navigasi.

03 Hierarki H1-H6 yang Benar

Contoh Hierarki yang Benar

<h1>Core Web Vitals: Panduan Lengkap</h1>
  <h2>Apa itu Core Web Vitals</h2>
  <h2>LCP — Largest Contentful Paint</h2>
    <h3>Penyebab LCP Lambat</h3>
    <h3>Cara Memperbaiki LCP</h3>
  <h2>CLS — Cumulative Layout Shift</h2>

Aturan dasar: satu H1 per halaman (judul utama), H2 untuk bagian besar yang berurutan, H3 sebagai turunan langsung dari H2 di atasnya — jangan melompati level (misalnya H2 langsung ke H4).

04 Contoh Struktur yang Baik untuk Artikel Panjang

Untuk artikel panjang seperti panduan lengkap, gunakan H2 untuk setiap bagian besar (biasanya sesuai daftar isi), dan H3 hanya jika bagian tersebut punya sub-poin yang cukup signifikan untuk dipisah. Jangan memaksakan H3 di setiap paragraf kecil — ini justru membuat struktur terlihat berlebihan dan sulit dibaca.

05 Kesalahan Umum

Menggunakan lebih dari satu H1 di halaman yang sama.
Memilih ukuran heading berdasarkan tampilan visual semata (misalnya pakai H2 karena "kelihatan pas", padahal seharusnya H3).
Melompati level hierarki, seperti dari H2 langsung ke H4.
Heading yang tidak deskriptif (misalnya cuma "Bagian 1", "Bagian 2") tanpa mengandung kata kunci relevan.

06 Roadmap Audit 5 Langkah

Crawl halaman dengan Screaming Frog

Cek tab H1/H2 untuk melihat halaman mana yang punya heading hilang, ganda, atau tidak sesuai hierarki.

Pastikan satu H1 per halaman

Perbaiki halaman yang punya lebih dari satu H1 atau tidak punya H1 sama sekali.

Susun ulang hierarki H2/H3

Pastikan tidak ada level yang terlompati dan urutannya logis mengikuti alur konten.

Sesuaikan teks heading dengan keyword relevan

Buat heading deskriptif yang mencerminkan isi sekaligus mengandung variasi keyword secara natural.

Uji dengan screen reader/aksesibilitas

Pastikan struktur heading juga membantu navigasi bagi pengguna dengan alat bantu baca.

07 Tools Pengecekan

Screaming Frog — Tab H1/H2

Audit massal struktur heading untuk seluruh halaman domain sekaligus.

HeadingsMap (ekstensi browser)

Memvisualisasikan struktur heading satu halaman dalam bentuk outline seperti daftar isi.

View Page Source

Cara manual cepat untuk cek urutan tag heading langsung dari kode HTML.

Catatan praktis: jangan pilih level heading berdasarkan ukuran font yang diinginkan — atur ukuran visual lewat CSS, sementara pemilihan tag heading (H1/H2/H3) murni berdasarkan struktur logis konten.

08 Video Penjelasan

Simak tutorial penggunaan heading tag yang benar berikut:

▶ How to Properly Use Heading Tags in WordPress Posts & Pages? H1 H2 H3 + SEO Tips

09 Checklist Cepat

Sebelum Publish Halaman Baru

Hanya ada satu H1 di halaman

Tidak ada level heading yang terlompati

Setiap heading deskriptif, bukan generik ("Bagian 1")

Struktur heading mencerminkan daftar isi yang logis

Sudah dicek dengan tools seperti HeadingsMap

10 FAQ

Sebaiknya tidak. Praktik standar dan paling aman adalah satu H1 per halaman sebagai judul utama, meski secara teknis HTML5 mengizinkan multiple H1 dalam elemen section terpisah.

Idealnya H1 dan minimal beberapa H2 mengandung variasi keyword relevan secara natural — tapi jangan memaksakan keyword di setiap heading hingga terasa janggal dibaca.

Dampaknya lebih kecil dibanding H1-H3, tapi tetap berguna untuk struktur konten yang sangat detail dan mendukung aksesibilitas.

Pisahkan ukuran visual dari struktur tag — gunakan CSS untuk mengatur tampilan, sementara tag HTML tetap mengikuti hierarki logis yang benar.

Wahyu Dian Purnomo

Instruktur SEO, Raya School — Bersertifikat ClickMinded, Google Ads & Meta Blueprint

Rutin mengaudit struktur heading sebagai bagian dari review konten sebelum publish di seluruh properti Raya School.

Mau belajar struktur konten SEO yang benar dari dasar?

Modul Content Strategy & Topical Authority di Kursus SEO Raya School membahas struktur heading dan penulisan konten SEO.

Lihat Silabus Kursus SEO →