Başlık hiyerarşisi kontrolü ne yapar?

Başlıklar bir sayfanın içindekiler tablosudur. Ekran okuyucu kullanıcıları sayfada başlıktan başlığa atlayarak gezinir, arama motorları da başlıkları içeriğin konusunu ve bölümlerini anlamak için okuyan sinyallerden biri olarak kullanır. Bu araç yapıştırdığınız HTML'deki h1–h6 öğelerini bulur, her birinin seviyesini ve metnini listeler ve yapıyı bir taslak ağacı gibi girintili gösterir.

İçerik editörleri yayından önce yazının iskeletini, geliştiriciler tema şablonlarının ürettiği başlık sırasını, SEO uzmanları da denetim sırasında sayfaların tutarlılığını kontrol etmek için kullanabilir. Sonuç bir puan değil, gözden geçirilecek noktaların listesidir.

Nasıl kullanılır?

  • Tarayıcınızda sayfayı açın, kaynağı görüntüleyin (Ctrl+U) veya geliştirici araçlarından ilgili bölümün HTML'ini kopyalayın.
  • Kodu metin alanına yapıştırın. Sonuç yazmayı bıraktıktan kısa bir süre sonra kendiliğinden güncellenir; ayrıca bir düğmeye basmanız gerekmez.
  • Üstteki sayaçlarda toplam başlık sayısını ve seviyelere göre dağılımı görün; sarı uyarı kutuları sayfanın genelini ilgilendiren bulguları özetler.
  • Taslak tablosunda her başlığın sırasını, seviyesini, girintili metnini ve varsa notunu inceleyin.
  • Taslağı düz metin olarak kopyalayın veya notlarla birlikte CSV olarak indirin. Tekrar karşılaştırması için metin dilini seçin; Türkçe seçildiğinde İ/ı kuralları uygulanır.

İşlenmiş sayfayı kontrol etmek istiyorsanız kaynak yerine geliştirici araçlarındaki Elements panelinden <body> öğesini kopyalayın; böylece JavaScript ile eklenen başlıklar da metne dahil olur.

H1–H6 sırası

Araç başlıkları görsel boyutlarına göre değil, HTML kaynağındaki sıraya göre okur. Başlık metni, içindeki etiketler temizlenerek alınır; &amp; gibi karakter varlıkları çözülür, <br> boşluğa dönüşür, birden fazla boşluk tek boşluğa indirilir ve metin Unicode NFC biçimine getirilir. script ve style içeriği metne katılmaz. Yalnız görsel içeren bir başlıkta görselin alt metni kullanılır ve bu durum ayrıca not edilir.

Kontrol edilen kurallar şunlardır: hiç başlık yoksa veya H1 yoksa genel uyarı; ilk başlık H1 değilse bilgi; metni boş olan başlık için boş başlık uyarısı; hidden, aria-hidden="true", satır içi display:none veya visibility:hidden taşıyan ya da bunların içinde kalan başlıklar ile noscript içindeki başlıklar için gizli başlık notu; aynı metnin tekrarlandığı başlıklar için tekrar notu. Tekrar karşılaştırması büyük/küçük harf farkını seçilen dile göre yok sayar.

Seviye atlamalarını yorumlamak

Bir başlığın seviyesi kendinden önceki başlığın seviyesinden birden fazla büyükse, örneğin H1'den sonra doğrudan H3 geliyorsa, araç atlanan seviyeyi yazarak uyarır. Yukarı doğru dönüşler ise normaldir: H4'ten sonra H2 ile yeni bir bölüme başlamak hata değildir.

Atlamalar çoğu zaman başlığın görünüşü için seçilmesinden doğar. Doğru çözüm genellikle seviyeyi değiştirip görünümü CSS ile ayarlamaktır. Kenar çubuğu veya alt bilgi gibi tekrar eden alanlarda bilinçli tercih edilmiş bir yapı varsa uyarıyı bağlamıyla değerlendirin.

Çoklu H1 ve bağlam

HTML standardı bir sayfada birden fazla H1 kullanılmasını yasaklamaz ve birden fazla H1 tek başına bir SEO cezası anlamına gelmez. Yine de sayfanın ana konusunu anlatan tek bir H1, okuyucular ve yardımcı teknolojiler için en anlaşılır yapıdır. Araç bu nedenle çoklu H1'i hata değil, bağlamsal uyarı olarak gösterir: logo içindeki H1, modal pencerelerdeki başlıklar veya şablondan gelen kopyalar genellikle gözden geçirilmeye değer.

Örnek ve yorum

Örnek yükle düğmesi aşağıdaki gibi bir HTML'i analiz eder:

<h1>Kahve Demleme Rehberi</h1>
<h2>Ekipman &amp; Hazırlık</h2>
<h4>Öğütücü seçimi</h4>
<h2></h2>
<h3 hidden>Eski yöntem</h3>

Sonuçta ikinci başlık Ekipman & Hazırlık olarak görünür, çünkü varlık çözülür. Üçüncü satırda H2'den H4'e geçildiği için H3'ün atlandığı yazılır; dördüncü başlık boş başlık uyarısı alır; hidden özniteliği taşıyan H3 ise gizli olarak işaretlenir. Taslak metni H1 Kahve Demleme Rehberi satırıyla başlar ve alt seviyeler iki boşlukla girintilenir. Bu uyarılar sayfanın bozuk olduğunu değil, düzeltme adaylarını gösterir.

Sınırlar ve gizlilik

  • HTML tarayıcıda düz metin olarak, küçük bir metin ayrıştırıcısıyla okunur ve hiçbir zaman sayfa öğesine dönüştürülmez: betikler çalışmaz, görseller, iframe'ler ve stil dosyaları yüklenmez, yapıştırılan kod ağ isteği başlatmaz. Girdi sunucuya gönderilmez.
  • Harici CSS ile gizlenen başlıklar, shadow DOM içindekiler ve sayfa açıldıktan sonra JavaScript ile eklenenler bilinemez; yalnız öznitelik düzeyindeki gizleme görülür.
  • role="heading" ile işaretlenmiş başlık olmayan öğeler sayılmaz. Araç tam bir erişilebilirlik denetimi, görsel hiyerarşi ölçümü veya SEO puanı sunmaz.
  • En fazla 1 MiB HTML ve 5.000 başlık işlenir. Paylaşım bağlantısına girdi yalnız siz seçerseniz ve metin 6.000 karakteri aşmıyorsa eklenir.

Sık sorulan sorular

Birden fazla H1 kullanmak SEO açısından hata mı?

Kesin bir hata değildir; HTML buna izin verir. Araç yine de uyarır, çünkü tek ve açık bir ana başlık çoğu sayfada daha anlaşılır bir yapı sunar.

H2'den sonra H4 gelirse ne yapmalıyım?

Başlığı H3 yapın ve görünümü CSS ile ayarlayın. Seviyeyi yazı boyutu için seçmek atlamaların en yaygın nedenidir.

Sayfanın adresini girerek kontrol edebilir miyim?

Hayır. Araç ağ isteği yapmaz; yalnız yapıştırdığınız HTML'i inceler. Kaynağı tarayıcıdan kopyalayıp yapıştırmanız yeterlidir.

Gizli başlık uyarısı neden çıkıyor?

Başlık hidden, aria-hidden="true", satır içi display:none veya visibility:hidden taşıyor ya da böyle bir öğenin içinde kalıyor olabilir. Harici CSS ile yapılan gizleme görülemez.

Yapıştırdığım koddaki betikler çalışır mı?

Hayır. Kod yalnız metin olarak taranır ve sayfa öğesine dönüştürülmez; betikler çalışmaz, görseller yüklenmez ve sonuçlar yalnız düz metin olarak gösterilir.

Yayın: · Güncelleme: