Geliştirici

Başlık Yapısı Denetleyicisi

HTML yapıştır veya dosya yükle. Renk kodlu girintili ana hat, atlanan seviye tespiti, boş / gizli / çok uzun uyarıları, belge ana hat algoritması, sekiz seçilmiş iyi uygulama ipucu ve iki sayfayı karşılaştırma modu.

Kaynak HTML

Sayfanın tüm HTML'sini yapıştır, bir dosya bırak ya da örneği yükle. Canlı URL çekme tarayıcı CORS kuralları nedeniyle kapalı — 'Sayfa kaynağını görüntüle' çıktısını kopyala.

0 karakterCanlı URL çekme kapalı (CORS)

Başlık ana hattı

Kaynak sırasında, her seviye için girintili — H1'den H6'ya renk kodlu.

Ana hattı oluşturmak için yukarıya HTML yapıştır.

HTML5 belge ana hattı

Ekran okuyucuların ve HTML5 ana hat algoritmasının gördüğü yapı — başlıksız her bölüm kaybolmuş bir yönelim sinyali demek.

HTML işlendikten sonra ana hat görünür.

İstatistikler

Başlık tespit edildikçe istatistikler görünür.

Bulgular

SEO + erişilebilirlik kontrolleri. Önce hatalar, sonra uyarılar, bilgi ve geçenler.

Tek H1
Every page should declare exactly one H1.

En iyi uygulamalar

Hem ekran okuyucuları hem arama motorlarını mutlu eden başlık alışkanlıkları.

Her sayfada tam olarak bir H1 kullan — sayfa başlığını yansıtmalı.
Ana bölümler için H2, alt bölümler için H3 kullan.
Asla seviye atlama (H2 → H4 navigasyonu bozar).
Başlıkları açıklayıcı tut — 5 ile 12 kelime ideal aralık.
Anahtar kelimeleri doğal şekilde yerleştir; tıkmaca yapma.
Görsel hiyerarşi için CSS kullan — <div>'i başlık gibi göstermeye çalışma.
Sayfa içinde başlıkları benzersiz tut, her landmark ayırt edilebilsin.
Gizli kapsayıcılardaki başlıklardan kaçın (display:none, hidden, aria-hidden="true").