Alt metni nedir?

Alt metni (alternatif metin), <img> etiketinin alt özniteliğine yazılan açıklamadır. Görsel yüklenemezse onun yerinde görünür, ekran okuyucular onu görme engelli kullanıcılara sesli okur, arama motorları da görselin konusunu buradan anlar. İyi bir alt metni kısa, somut ve bağlama uygundur: görseli göremeyen birine ne söylemen gerekiyorsa onu yaz.

#Neden önemli

• Erişilebilirlik: Ekran okuyucu kullanan biri için alt metni olmayan görsel boş bir alandır.
• Görsel arama: Google Görseller'de bulunmak için görselin ne olduğunu anlatan metin önemli bir ipucudur.
• Bağlantılar: Bağlantı olarak kullanılan bir görselde alt metni, bağlantı metni işlevi görür.
• Yavaş bağlantılar: Görsel yüklenemediğinde kullanıcı en azından ne olduğunu okuyabilir.

#SEOAsist'te nerede görürsün

• Teknik Denetim sayfasındaki Alt metni olmayan görseller sorunu (Uyarı seviyesinde) bu tür görselleri içeren sayfaları listeler.
• Kod değiştirmeden düzeltmek için site sayfasının Pixel sekmesinde Görsel alt kuralı kullanılır. Kural, src'si eşleşen görsellere alt metni yazar; her satır src eşleşmesi | alt metni biçimindedir.

Ayrıntılar: Teknik denetim.

#Örnek

<!-- Kötü -->
<img src="IMG_4821.jpg" alt="resim">

<!-- İyi -->
<img src="mese-yemek-masasi.jpg" alt="Masif meşe 6 kişilik yemek masası, açık renk">

<!-- Süs görseli: boş alt, ekran okuyucu atlar -->
<img src="ayrac.svg" alt="">

Aynı düzeltme Pixel kuralında şöyle yazılır:

mese-yemek-masasi.jpg | Masif meşe 6 kişilik yemek masası
logo | Örnek Mobilya logosu

#Sık yapılan hatalar

• Anahtar kelime doldurmak: "masa yemek masası ucuz masa en iyi masa".
• "resim", "görsel", "foto" gibi bilgi vermeyen metinler yazmak.
• Süs amaçlı görsellere uzun açıklama yazmak; bunlar için alt="" doğrudur.
• Görseldeki yazıyı (örneğin kampanya banner'ı) alt metnine aktarmamak.