HTML/CSS Eğitim Seti / Ders 4: Başlık Kodları (Heading)

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

  1. Her sayfada 1 tane <h1> bulunmalı (sayfa ana başlığı).
  2. Bölümler <h2> ile etiketlenir.
  3. <h2> içinde alt bölümler <h3> alır — atlamayın (<h2> sonra direkt <h4> yapmayın).
  4. Başlıklara hedef kelimeleri sıkıştırın ama doğal kalsın.
  5. 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.

Yorum bırakın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir