Ne anlama gelir?
Semantik Başlık Yapısı, bir sayfadaki H1-H6 başlıkların görsel değil, anlamsal hiyerarşiye göre kullanılmasıdır. H1 ana başlık, H2 bölümler, H3 alt bölümler şeklinde mantıklı bir ağaç kurar.
Doğru kullanım
- Sayfada tek bir H1 (ana konu)
- Ana bölümler için H2
- H2'nin altındaki detaylar için H3
- Seviye atlamamak (H2'den doğrudan H4'e geçmemek)
Neden önemli?
Başlık hiyerarşisi, arama motorunun içeriğin yapısını ve alt konuları anlamasını sağlar. Ekran okuyucular da bu yapıyla gezinir; yani hem SEO hem erişilebilirlik konusudur.
Ne yapmalı?
Başlıkları büyük/kalın göstermek için değil, anlam hiyerarşisi için kullanın. Mantıklı bir başlık ağacı, içeriği hem taranabilir hem okunabilir kılar.
Ne anlama gelir?
Semantik başlık (semantic heading), bir web sayfasında başlık etiketlerinin (H1, H2, H3...) sadece görsel biçimlendirme için değil, içeriğin anlamsal (semantik) yapısını ve hiyerarşisini doğru biçimde ifade etmek için kullanılmasıdır. Semantik başlık yapısında; sayfada tek bir H1 (ana başlık) bulunur, ana bölümler H2 ile, alt bölümler H3 ile işaretlenir ve bu hiyerarşi mantıklı biçimde iç içe geçer. Semantik başlıklar, hem erişilebilirlik hem SEO hem içerik yapısı açısından önemlidir.
Semantik başlık ilkeleri
- Sayfada tek bir H1 (ana başlık) bulunur
- Başlıklar mantıklı bir hiyerarşi izler (H2, H3...)
- Başlık seviyeleri atlanmaz (H2'den H4'e atlanmaz)
- Başlıklar biçim için değil, yapı için kullanılır
Neden önemli?
Semantik başlık yapısı, iyi yapılandırılmış ve erişilebilir bir web sayfasının temel bir unsurudur; çünkü başlık etiketleri, içeriğin anlamsal iskeletini oluşturur ve bu iskelet hem kullanıcılar hem arama motorları hem yardımcı teknolojiler tarafından kullanılır. Başlık etiketlerinin (H1-H6) asıl amacı, içeriğin yapısını ve hiyerarşisini ifade etmektir; bir H1, sayfanın ana konusunu belirtir, H2'ler ana bölümleri, H3'ler bu bölümlerin alt konularını gösterir, ve böyle devam eder. Bu hiyerarşik yapı, içeriği mantıklı bölümlere ayırır ve konular arasındaki ilişkileri (ana konu, alt konu) belli eder. Semantik başlıkların önemi birkaç açıdan öne çıkar. Birincisi, erişilebilirlik; görme engelli kullanıcılar, ekran okuyucularla web sayfalarında gezinirken sıklıkla başlıklar arasında atlayarak içeriği tarar (başlık navigasyonu), tıpkı gören bir kullanıcının sayfayı göz gezdirmesi gibi. Doğru semantik başlık yapısı, bu kullanıcıların içeriğin yapısını anlamasını ve aradıkları bölüme hızla ulaşmasını sağlar; bozuk veya sadece görsel amaçlı başlık yapısı ise onları kaybettirir. İkincisi, SEO; arama motorları, başlık etiketlerini içeriğin yapısını ve ana konularını anlamak için kullanır. İyi bir başlık hiyerarşisi, sayfanın hangi konuları hangi düzeyde ele aldığını arama motoruna net biçimde iletir, ve başlıklarda (özellikle H1 ve H2'lerde) yer alan anahtar kelimeler, konusal alakayı güçlendirir. Üçüncüsü, kullanıcı deneyimi; iyi başlıklandırılmış bir içerik, gören kullanıcıların da göz gezdirmesini ve aradıkları bölümü bulmasını kolaylaştırır. Semantik başlıkların doğru kullanımı bazı ilkelere dayanır: sayfada genellikle tek bir H1 bulunmalı (sayfanın ana başlığı), başlıklar mantıklı bir hiyerarşi izlemeli (H2'den sonra H3, atlamadan), ve en önemlisi, başlık etiketleri sadece metni büyük veya kalın göstermek (görsel biçimlendirme) için değil, gerçek yapısal anlamları için kullanılmalıdır; görsel biçimlendirme için CSS kullanılmalıdır. Semantik başlık, içeriğin anlamsal yapısını ve hiyerarşisini doğru biçimde ifade eden, erişilebilirlik, SEO ve kullanıcı deneyimi açısından temel bir on-page uygulamasıdır.
Gerçek örnek
Bir sitede başlıklar sadece görsel amaçla (metni büyütmek için) rastgele kullanılıyor, mantıklı bir hiyerarşi izlemiyordu; bir sayfada birden çok H1 vardı ve seviyeler atlanıyordu. Başlık yapısı semantik ilkelere göre düzenlendiğinde (tek H1, mantıklı H2/H3 hiyerarşisi), hem ekran okuyucu kullanıcıları içerikte kolayca gezindi hem arama motoru sayfanın yapısını daha iyi anladı.
Özet
Semantik başlık, başlık etiketlerini (H1-H6) görsel biçim için değil, içeriğin anlamsal yapısını ve hiyerarşisini ifade etmek için kullanmaktır. Tek H1, mantıklı ve atlamasız bir hiyerarşi esastır. Erişilebilirlik (ekran okuyucu navigasyonu), SEO (yapı ve konu anlama) ve kullanıcı deneyimi açısından temel bir on-page uygulamasıdır.