Bu derste HTML başlık etiketleri olan <h1> – <h6> arasını işliyoruz. Başlıklar hem görsel hiyerarşi hem de SEO için kritik bir rol oynar.
2026 notu: Bu yazı 2014’te yazıldı. Başlık etiketlerinin işleyişi değişmedi. Tek güncelleme: 2026’da Google başlık hiyerarşisini daha az katı yorumluyor (multiple h1 tolere ediliyor), ama düzgün hiyerarşi hâlâ en iyi pratik.
Altı Başlık Seviyesi
<h1>Sayfanın ana başlığı (en büyük)</h1>
<h2>Ana bölüm başlıkları</h2>
<h3>Alt bölümler</h3>
<h4>Daha alt seviye</h4>
<h5>Nadir kullanılır</h5>
<h6>En küçük (çok nadir)</h6>
SEO İçin Doğru Hiyerarşi
- Her sayfada 1 tane <h1> bulunmalı (sayfa ana başlığı).
- Bölümler <h2> ile etiketlenir.
- <h2> içinde alt bölümler <h3> alır — atlamayın (<h2> sonra direkt <h4> yapmayın).
- Başlıklara hedef kelimeleri sıkıştırın ama doğal kalsın.
- Başlıkları stilistik amaçlı (sırf büyük font için) kullanmayın — CSS bunun için var.
Pratik Örnek
<h1>Türkiye'de Domain Nasıl Alınır?</h1>
<h2>1. Doğru Sağlayıcıyı Seçmek</h2>
<h3>Yurt İçi vs Yurt Dışı</h3>
<h3>Fiyat Karşılaştırma</h3>
<h2>2. Alan Adı Aramak</h2>
<h2>3. Satın Alma Adımları</h2>
2026 Notu — Erişilebilirlik (a11y)
Ekran okuyucu kullanıcılar başlıklar arasında H tuşu ile gezer. Doğru hiyerarşi, sadece SEO için değil, sitenizin görme engelliler için kullanılabilirliği için de zorunlu.