Heading tags (H1-H6) adalah elemen HTML yang membentuk struktur content. Optimasi heading yang tepat membantu Google memahami topik halaman dan meningkatkan readability.
Apa itu Heading Tags?
<h1>Main Title (Judul Utama)</h1>
<h2>Section Title (Sub Judul)</h2>
<h3>Sub Section (Sub-sub Judul)</h3>
<h4>Minor Section</h4>
<h5>Detail</h5>
<h6>Minor Detail</h6>
Hierarchy Heading
H1 (1 per page)
├── H2 (Main sections)
│ ├── H3 (Sub sections)
│ │ └── H4 (Details)
│ └── H3
├── H2
│ ├── H3
│ └── H3
└── H2
Best Practices per Heading
H1: Main Title
Rules:
✓ Only ONE H1 per page
✓ Include primary keyword
✓ Match page topic/title
✓ Usually same as title tag
✓ First heading on page
H2: Section Headers
Rules:
✓ Main sections of content
✓ Include secondary keywords
✓ Break up content logically
✓ Make scannable
✓ Multiple H2s allowed
H3-H6: Sub Sections
Rules:
✓ Support parent heading
✓ Further break down content
✓ Maintain hierarchy
✓ Don't skip levels (H2→H4)
✓ Include related keywords
Contoh Struktur yang Baik
<h1>Panduan Lengkap SEO untuk Pemula</h1>
<h2>Apa itu SEO?</h2>
<p>Penjelasan...</p>
<h2>Jenis-jenis SEO</h2>
<h3>On-Page SEO</h3>
<p>Penjelasan...</p>
<h3>Off-Page SEO</h3>
<p>Penjelasan...</p>
<h3>Technical SEO</h3>
<p>Penjelasan...</p>
<h2>Cara Memulai SEO</h2>
<h3>Keyword Research</h3>
<p>Penjelasan...</p>
<h3>Content Optimization</h3>
<p>Penjelasan...</p>
<h2>Kesimpulan</h2>
<p>Penjelasan...</p>
Kesalahan Umum
1. Multiple H1
<!-- SALAH -->
<h1>Judul Halaman</h1>
<h1>Judul Lain</h1>
<!-- BENAR -->
<h1>Judul Halaman</h1>
<h2>Section Judul</h2>
2. Skipping Levels
<!-- SALAH -->
<h1>Title</h1>
<h3>Section</h3> <!-- Skip H2! -->
<!-- BENAR -->
<h1>Title</h1>
<h2>Section</h2>
<h3>Sub Section</h3>
3. Style-Only Headings
<!-- SALAH: Using heading for styling -->
<h3>Contact: 08123456789</h3>
<!-- BENAR: Use CSS for styling -->
<p class="large-text">Contact: 08123456789</p>
4. No Keyword in H1
<!-- KURANG OPTIMAL -->
<h1>Selamat Datang!</h1>
<!-- LEBIH BAIK -->
<h1>Jasa SEO Profesional Jakarta</h1>
Keyword Placement
Strategy:
H1: Primary keyword (exact/close match)
H2: Secondary keywords, variations
H3: Long-tail, related terms
H4+: Support terms, natural language
Example for "cara belajar SEO":
H1: Cara Belajar SEO dari Nol untuk Pemula
H2: Apa itu SEO dan Manfaatnya
H2: Langkah-langkah Belajar SEO
H3: Memahami Dasar Search Engine
H3: Riset Keyword untuk Pemula
H2: Tools SEO Gratis untuk Belajar
Tools untuk Audit Heading
Browser Extension
- HeadingsMap
- SEO Meta in 1 Click
- Web Developer Toolbar
SEO Tools
- Screaming Frog (H1, H2 audit)
- Sitebulb (heading structure)
- SEMrush (on-page checker)
Manual Check
View Page Source:
1. Ctrl+U (view source)
2. Ctrl+F search "h1", "h2", etc.
3. Check structure and count
Heading dan Featured Snippets
Headings help win featured snippets:
For List Snippets:
<h2>Cara Membuat Website</h2>
<h3>1. Pilih Domain</h3>
<h3>2. Pilih Hosting</h3>
<h3>3. Install WordPress</h3>
For Table Snippets:
<h2>Perbandingan Hosting</h2>
<table>...</table>
For Paragraph Snippets:
<h2>Apa itu SEO?</h2>
<p>SEO adalah... (concise answer)</p>
Checklist Heading SEO
H1:
☐ Only one per page
☐ Contains primary keyword
☐ Matches page topic
☐ Compelling and clear
H2-H6:
☐ Proper hierarchy (no skips)
☐ Include relevant keywords
☐ Break content logically
☐ Improve readability
☐ Support H1 topic
Impact pada SEO
Ranking signals:
- Topic relevance
- Content structure
- Keyword placement
- User experience
Not direct ranking factor but:
- Helps Google understand content
- Improves featured snippet chances
- Better UX = better engagement
Kesimpulan
Heading tags adalah elemen penting untuk SEO on-page dan user experience. Gunakan hierarchy yang benar, tempatkan keyword secara natural, dan fokus pada struktur content yang logical dan scannable.
Ditulis oleh
Hendra Wijaya