Başlık ve Alt Metin Denetimi
Başlık hiyerarşisini ve görsellerin alt metnini tek sayfada, kayıt olmadan denetleyin.
Araç
Bu araç girdiğiniz adresi sunucumuzdan bir kez indirir, HTML'deki h1'den h6'ya tüm başlıkları belge sırasıyla çıkarır ve girintili bir dış hat olarak gösterir; her img etiketini alt metni, width ve height nitelikleri, loading="lazy" işareti, picture içinde olup olmadığı ve srcset bilgisiyle listeler. Üstte başlık sayısı, h1 sayısı, görsel sayısı, alt niteliği eksik görsel sayısı ve görünür metindeki sözcük sayısı; altında bulgular ve her bulgu için ne yapılacağı yer alır. Görsel tablosu CSV olarak kopyalanabilir.
Başlık hiyerarşisi üç okur için önemlidir: sayfayı gözle tarayan ziyaretçi bölümleri başlıklardan ayırt eder, ekran okuyucu kullanan ziyaretçi başlık listesinden atlayarak gezinir, arama motoru da içeriğin düzenini bu yapıdan anlar. Araç h1 bulunmamasını, birden çok h1'i, seviye atlamayı (h2'den sonra doğrudan h4 gibi), boş ve yinelenen başlıkları, 70 karakterden uzun başlıkları ve ilk başlığın h1 olmamasını ayrı ayrı işaretler. Tek h1 bir zorunluluk değil, yaygın ve güvenli tercihtir; HTML standardı birden çok h1'e izin verir, ancak ekran okuyucu ve arama motoru için tek bir ana başlık daha anlaşılırdır. Alt metin ise görseli göremeyen ziyaretçiye görselin ne anlattığını söyler ve görsel aramada içeriğin anlaşılmasına yardımcı olur; araç alt niteliği hiç olmayan görselleri eksik, boş alt metni dekoratif, 125 karakterden uzun ya da dosya adıyla aynı alt metinleri dikkat olarak işaretler.
Araç yalnız sunucunun döndürdüğü HTML'i okur; tarayıcıda JavaScript ile sonradan eklenen başlıklar ve görseller, CSS arka plan görselleri ve betikle yüklenen galeriler görünmez. Görsellerin gerçekten açılıp açılmadığı, dosya boyutu ve sıkıştırması denetlenmez; alt metnin görselle gerçekten örtüşüp örtüşmediğini yalnız bir insan değerlendirebilir. Sonuç aynı adres için 10 dakika sunucu belleğinde tutulur, sonra silinir; girdiğiniz adres dışında hiçbir şey okunmaz.
Sık sorulanlar
Birden çok h1 kullanmak hata mı?
Hayır, HTML standardı birden çok h1'e izin verir ve Google'ın açıklamalarına göre bu tek başına bir sıralama sorunu değildir. Yine de tek h1, ekran okuyucu kullananlar ve arama motorları için sayfanın ana konusunu netleştirir; bu yüzden yaygın ve güvenli tercih tek h1'dir.
Dekoratif görsele alt yazmalı mıyım?
Dekoratif görsele boş alt (alt="") verin; ekran okuyucu görseli atlar. Alt niteliğini tümden kaldırmayın, o durumda bazı ekran okuyucular dosya adını okur. Bilgi taşıyan görsele ise görselin ne gösterdiğini anlatan kısa bir cümle yazın.
Araç JavaScript ile oluşan başlık ve görselleri görebilir mi?
Hayır, yalnız sunucudan gelen ilk HTML okunur. İçeriği tarayıcıda betikle oluşturan sayfalarda dış hat ve görsel listesi eksik çıkabilir; böyle bir sayfada sonucu tarayıcının «sayfa kaynağını görüntüle» çıktısıyla karşılaştırın.
width ve height niteliklerini neden istiyor?
Tarayıcı bu iki değerden görselin en boy oranını hesaplar ve görsel yüklenmeden önce yer ayırır; böylece içerik yüklenirken aşağı kaymaz. CSS ile görseli yine esnek boyutlandırabilirsiniz, nitelikler yalnız oranı bildirir.
