HTML başlık (heading) etiketleri (h1, h2)

Question

Bu etiketleri kullanırken hangi seviyeyi ne zaman tercih etmem gerektiğini tam anlayamadım. Örneğin h2'den sonra h4 kullanırsam sorun olur mu? Ayrıca bu başlıkların SEO için önemli olduğunu duydum ama nasıl bir sıralama izlemeliyim?

Answer 1

# HTML Başlık (Heading) Etiketleri: H1, H2 ve Diğerleri

🌐 Web Sayfasının İskeleti: Başlıklar Neden Bu Kadar Önemli?

Bir web sayfasını bir kitaba benzetirsek, başlık etiketleri o kitabın bölüm ve alt bölümlerini oluşturur. HTML heading etiketleri (<h1> - <h6>), içeriği yapılandırmak, kullanıcı deneyimini iyileştirmek ve arama motorlarına sayfanın yapısını anlatmak için kullanılan temel araçlardır. Doğru kullanıldıklarında, hem okuyucular hem de Google için "yol haritası" işlevi görürler.

📊 Hiyerarşik Yapı: H1'den H6'ya

Başlık etiketleri 6 seviyeden oluşur. H1 en önemli ve en büyük, H6 ise en az önemli ve en küçük başlığı temsil eder. Mantıksal bir hiyerarşi içinde kullanılmaları esastır.

• 🎯 <h1> (Ana Başlık): Sayfanın ana konusunu belirtir. Her sayfada bir tane olması en iyi uygulamadır. Sayfanın "başlığı" gibi düşünülebilir.
• 📌 <h2> (Alt Başlık): Ana konunun ana bölümlerini ayırmak için kullanılır. Bir sayfada birden fazla H2 bulunabilir.
• 🔹 <h3> - <h6> (Alt Alt Başlıklar): H2'lerin alt bölümlerini, daha da detaylı konuları sıralamak için kullanılır. Kullanım sıklığı içeriğin derinliğine bağlıdır.

✅ Doğru Kullanım Örneği:

<h1>Sebzeli Makarna Tarifleri</h1>
<h2>Fırınlanmış Domatesli Makarna</h2>
<h3>Malzemeler</h3>
<h3>Yapılışı</h3>
<h4>Sosun Hazırlanışı</h4>
<h2>Brokoli ve Peynirli Makarna</h2>

🚀 SEO ve Erişilebilirlik Açısından Kritik Kurallar

• Hiyerarşiyi Atlamayın: Bir H4'ten sonra H2 gelmemeli. Sırayı takip edin: H1 > H2 > H3...
• Sadece Stil İçin Kullanmayın: Yazıyı büyütmek için <p> etiketini CSS ile şekillendirin, başlık etiketini değil.
• Anahtar Kelimeleri Doğal Kullanın: H1 ve H2'lerde konuyu net anlatan, anahtar kelime içeren ifadeler kullanın.
• Ekran Okuyucular İçin Vazgeçilmezdir: Görme engelli kullanıcılar, sayfada başlıklar arasında gezinerek içeriği tarar. Doğru yapılandırılmış başlıklar olmazsa bu imkansızdır.

💡 Pratik İpuçları ve En İyi Uygulamalar

H1, sayfa başlığı veya logo metni ile aynı olabilir. Genellikle sayfanın en üstünde yer alır. H2'ler ise, uzun bir makaleyi okunabilir parçalara bölmek için mükemmeldir. Kullanıcılar genellikle sayfayı kaydırırken önce başlıkları tarar. Net ve ilgi çekici H2'ler, okurun içerikte kalma süresini uzatır.

Unutmayın, başlık etiketleri bir sözleşmedir. Okuyucuya "Bu bölümde şundan bahsedeceğim" der. Bu sözü tutan, net ve yapılandırılmış içerikler, dijital dünyada her zaman öne çıkar.