🚀 HTML Headings: Bilginin Hiyerarşisi ve SEO'nun Temeli

Başlıklar: Sayfanın Yol Haritası

Selamlar. Bugün bir web sayfasının omurgasını oluşturan en önemli etiketlerden birine, Headings (Başlıklar) konusuna dalıyoruz. Başlıklar sadece yazıyı büyütüp kalınlaştırmak için kullanılmaz; onlar sayfanızın anlam haritasıdır.

HTML'de <h1>'den <h6>'ya kadar altı farklı başlık seviyesi bulunur. Bunları bir oyunun görev listesi (Quest Log) hiyerarşisi gibi düşünebilirsiniz:

• <h1> (Ana Görev): Sayfanın en önemli başlığıdır. Her sayfada sadece bir adet olmalıdır. Oyunun ismini veya sayfanın ana konusunu temsil eder.
• <h2> (Bölümler): Ana konunun altındaki büyük başlıklar (Level 1, Level 2 vb.).
• <h3> - <h6> (Alt Detaylar): Bölümlerin içindeki alt detaylar, yan görevler veya teknik özellikler.

SEO ve Erişilebilirlik (Accessibility)

Arama motorları (Google botları), sayfanızı bir insan gibi okumaz. Önce başlıklara bakarak "Bu sayfa ne hakkında?" sorusuna cevap ararlar. Eğer tüm sayfanızı <h1> ile doldurursanız veya hiyerarşiyi bozarsanız (H1'den direkt H3'e atlamak gibi), Google sayfanızın yapısını anlamakta zorlanır.

Biz Ovid Game Günlüğü blog paylaşımlarımızı hazırlarken bu hiyerarşiye çok dikkat ediyoruz. Teknik bir analizi <h2> ile başlatıp, altındaki kod açıklamalarını <h3> ile verdiğimizde, hem okuyucu hem de arama motoru içeriği çok daha rahat tarayabiliyor. Bu, 'Technical SEO' dediğimiz olayın en temel ve en kritik adımıdır.

Altın Kurallar

1. Görsellik İçin Kullanma: Eğer bir yazının sadece büyük görünmesini istiyorsan, başlık etiketlerini değil CSS kullanmalısın. Başlıklar yapısal anlam taşır.
2. Sırayı Takip Et: Hiyerarşiyi bozma. H1'den sonra H2 gelmeli. H2'nin içeriğini detaylandırıyorsan H3 kullanmalısın.
3. Kısa ve Öz: Başlıklar birer paragraf değildir. Okuyucunun gözünü yormadan, altındaki içeriğin özetini vermelidir.

Bir sonraki derste, bu başlıkların altını dolduracak olan paragrafları ve metin biçimlendirme yöntemlerini inceleyeceğiz. Kodlamaya devam!

Ovid Link: ovidgame.com