Erişilebilir Başlık Hiyerarşisi: Teknik Uygulama Rehberi

Erişilebilir başlık hiyerarşisi, ziyaretçinin uzun bir sayfayı hızlıca anlamasına yardım eder. Ekran okuyucu kullanıcısı başlıklar arasında ilerleyerek doğrudan ilgili bölüme geçer. Ayrıca görsel olarak tarama yapan ziyaretçi de aynı yapıdan yararlanır. Bu nedenle başlıklar yalnız büyük yazı alanları değildir.

Kurumsal içerikte bölüm düzeni, hizmetin kapsamını ve karar sürecini açıklamalıdır. Örneğin fiyat, teslim kapsamı ve destek koşulları aynı başlık altında kaybolmamalıdır. Bunun yerine her bölüm kendi sorusuna cevap vermelidir. Böylece kullanıcı hem bilgiyi bulur hem sayfadaki konumunu korur.

Erişilebilir başlık hiyerarşisi için içerik ağacı

Önce sayfanın ana konusunu tek cümleyle tanımlayın. Ardından ana bölümleri ve onların alt konularını çıkarın. Bu aşamada yazı boyutu veya renk seçmeyin. Çünkü görsel tasarım, anlam sırasını izlemelidir.

H1 ana konuyu, H2 ana bölümleri, H3 ise ilgili bölümün alt konusunu taşır. Bununla birlikte her sayfa aynı derinliğe ihtiyaç duymaz. Kısa bir hizmet sayfasında H4 veya H5 kullanmak gereksiz olur. Yapıyı içerik ihtiyacına göre kurun.

Başlık düzeyini yalnız küçük yazı görünümü için seçmeyin. Örneğin H2 büyük görünüyorsa tasarım ekibi CSS stilini düzenler. H2 yerine H4 kullanmak içerik ilişkisini değiştirir. Dolayısıyla görünüm ile anlamı ayrı kararlar olarak yönetin.

Kurumsal hizmet sayfası için örnek yapı

Aşağıdaki tablo örnek bir hizmet sayfasının bilgi düzenini gösterir. Ekip aynı mantığı farklı hizmetlere uyarlar. Ancak her sayfaya aynı başlıkları zorla yerleştirmemelidir. Gerçek içerik, şablonun sınırlarını belirler.

Düzey	Örnek başlık	İşlev
H1	Kurumsal web tasarım	Sayfanın ana konusu.
H2	Proje kapsamı	Ana hizmet bölümü.
H3	İçerik ve sayfa planı	Kapsamın alt konusu.
H3	Entegrasyon ihtiyaçları	Aynı kapsamın başka alt konusu.
H2	Teklif süreci	Yeni ana bölüm.

H3 bölümünden sonra yeni H2’ye dönmek mantıklı bir seviye geçişidir. Buna karşılık yeni bir alt konuya gereksiz düzey atlayarak başlamak yapıyı zorlaştırır. W3C başlık rehberi bu ilişkiler için pratik örnekler sunar.

Erişilebilir başlık hiyerarşisi ile SEO dengesi

Odak anahtar kelimeyi konuyla ilgili başlıklarda doğal biçimde kullanın. Ancak her başlığı aynı ifadeyle başlatmak içerik çeşitliliğini azaltır. Destekleyici konulara da açık adlar verin. Böylece başlık listesi hem arama niyetini hem bölüm farklarını yansıtır.

Örneğin “Hizmetlerimiz” başlığı tek başına yeterince açıklayıcı olmaz. “Kurumsal site için içerik planı” daha belirgin bir kapsam sunar. Bununla birlikte başlıkları uzun anahtar kelime dizilerine çevirmeyin. Kullanıcı bölümün konusunu ilk okumada anlamalıdır.

SEO eklentisinin uyarısı, başlık anlamını değerlendiren tek ölçüt değildir. Önce içerik ağacını kurun; ardından anahtar kelime dağılımını inceleyin. Ayrıca başlık listesini metinden bağımsız okuyun. Liste anlamlı bir özet sunuyorsa yapı güçlü bir başlangıç taşır.

WordPress ve tema kaynaklı tekrarları kontrol edin

Tema bazen yazı başlığını otomatik olarak gösterir. İçerik gövdesindeki H1 de aynı başlığı tekrar eder. Bu nedenle yalnız editör ekranına bakmayın; yayın önizlemesinin gerçek HTML yapısını inceleyin. Gereksiz tekrar varsa tema veya içerik ayarını düzenleyin.

Ayrıca yan menü, ilgili yazılar ve altbilgi başlıkları genel yapıya da bu yapıyı etkiler. Gövde düzenli olsa da çevre bileşenleri karmaşık bir başlık listesi yaratır. Özellikle tekrar eden kart başlıklarını ve boş başlık alanlarını kontrol edin.

Birden fazla H1 varlığını tek başına otomatik WCAG ihlali diye sunmayın. Asıl değerlendirme, anlam ilişkisini ve ilgili başarı ölçütlerini kapsar. Bununla birlikte kurumsal bloglarda tek, açık ana başlık çoğu zaman yönetimi kolaylaştırır. Bu projede de içerik gövdesini bu tercihle kurun.

Erişilebilir başlık hiyerarşisi için kabul kontrolü

Önce sayfadaki bütün başlıkları sıralayın. Sonra her başlığın altındaki içeriği gerçekten tanımlayıp tanımlamadığını inceleyin. Ayrıca görünürde başlık gibi duran paragrafları bulun. Kalın yazı biçimi tek başına başlık anlamı oluşturmaz.

Ekran okuyucunun başlık gezinmesini kullanarak sayfayı tarayın. Kullanıcı konu değişimini anlayabiliyor mu? Alt bölüm doğru ana bölüme bağlı mı? Ayrıca boş veya anlamsız başlık var mı? Bu sorular, basit etiket sayımından daha güçlü bir kontrol sağlar.

İçerik ekibi için kısa bir yayın kontrol listesi hazırlayın. Yeni bölüm ekleyen editör hangi düzeyi seçeceğini bilmelidir. Bunun yanında tasarım ekibi her düzeye tutarlı bir stil atamalıdır. Böylece sonraki yazılar aynı yapısal kaliteyi korur.

Editör değişikliklerini yayın öncesinde doğrulayın

Bir editör mevcut H2 bölümünün içine yeni bir alt konu eklesin. Önce bu konunun bağımsız ana bölüm mü, mevcut bölümün ayrıntısı mı olduğunu belirlesin. Ardından uygun başlık düzeyini seçsin. Böylece karar yalnız editörün görsel tercihine dayanmaz.

Örneğin “Proje kapsamı” altında “Çoklu dil” H3 düzeyi taşısın. Daha sonra “Teslim süreci” yeni H2 olarak devam etsin. Kullanıcı başlık listesini dinlediğinde iki ana bölümün farkını anlamalıdır. Ayrıca çoklu dil konusunun kapsam bölümüne ait olduğu açık kalmalıdır.

Toplu içerik aktarımında boş başlıklar, kopya H1 ve atlayan düzeyler için otomatik tarama yapın. Ancak tarama sonucunu tek başına yayın kararı saymayın. İçerik editörü bölüm anlamını ayrıca kontrol etmelidir. Çünkü doğru numara, yanlış başlık metnini düzeltmez.

Yayın kaydında içerik sürümünü ve tema sürümünü birlikte tutun. Tema güncellemesi başlık etiketini değiştirdiğinde eski kontrol sonucu yeterli olmaz. Bu nedenle ortak şablon değişikliklerinden sonra örnek sayfaları yeniden inceleyin. Böylece tek bir tema kararı bütün arşivde sessizce yapı sorunu yaratmaz.

Sık sorulan sorular

Her paragrafın başlığı olmalı mı?

Hayır. Başlık yeni bir konu veya bölüm başlatmalıdır. Çok sık başlık kullanımı okuma akışını parçalar.

H2 altında mutlaka H3 gerekir mi?

Hayır. Bölüm kendi içinde yeterince açıksa yeni düzey eklemeyin. Ancak birden fazla alt konu varsa H3 düzeni yararlı olur.

Mevcut içerik arşivi nasıl iyileşir?

Önce yoğun trafik alan şablonları inceleyin. Ardından ortak editör kurallarını güncelleyin. Web sitenizin içerik ve tasarım yapısını değerlendirmek için NEXTDİJİ ile iletişime geçin.