Alt Text Nedir? Ne işe yarar?
HTML kodunda bir sayfa görüntüsünü tanımlamak ve görüntünün işlevselliğini tanımlamak için kullanılan Alt metni, alt özelliği ve alt açıklaması olarak da bilinir.
Alt textlerin avantajları:
En önemlisi fotoğraflara alternatif metin eklemek web erişilebilirliğinin bir ilkesidir. Örneğin; görme engelli bir kullanıcının ekran okuyucu kullandığını düşünün. Sayfa içi görseli daha iyi anlamak için sayfa içi alternatif metni okumak isteyeceklerdir. Resim dosyasının yüklenmesinde sorun olması durumunda resim yerine alternatif metin görüntülenecektir. Alternatif metin, arama motoru tarayıcılarının görselleri daha doğru şekilde dizine eklemesini kolaylaştırır.
Vurgulanan metin, doğrudan soldaki görselin alternatif metnidir.
Kod örneği:
<img src=”kittydansparty.gif” alt=”Kitty Dans Ediyor”>
en iyi format
Alternatif metin yeterince açıklayıcı olmalı ve anahtar kelimelerle doldurulmamalıdır. Gözlerinizi kapatın ve birinin size okumasına izin verin. Aklınıza bu görüntü gelirse iyi iş çıkarmışsınız diyebiliriz.
Lezzetli fıstıklı baklava alternatif metnine birkaç örnek verelim:
Fena değil: <img src=”baklava.png” alt=”baklava”>
Bu alt metin hakkında söyleyebileceğimiz en iyi şey “fena değil”dir. Çünkü açıklama yeterli değil. Evet, sadece bir baklava ama bu konuda söylenecek daha çok şey var.
Daha da iyisi: <img src=”baklava.png” alt=”Tereyağlı ve bol fıstıklı baklava”>
Bu alternatif metin daha iyi bir seçimdir. Çünkü görselde ne olduğu açıkça belirtiliyor. İlk alt metinde gösterildiği gibi sadece “baklava” değil; “Tereyağlı ve bol fıstıklı baklava!”
Tavsiye edilmez:
<img src=”baklava.png” alt=” />>
<img src=”baklava.png” alt=”baklava baklava görünümü lav kuru baklava ıslak baklava yemeği en iyi kahvaltı tatlı tereyağı”>
Bu iki örneği önermiyoruz. Kodun ilk satırında alternatif metin yok ve iki tırnak işaretinin de boş olduğunu görebilirsiniz. İkinci seçenek anahtar kelimelerle dolu olduğundan pek çekici görünmüyor.
Alt Textler Neden Önemlidir?
Ulaşılabilirlik
Alternatif metin erişilebilirlik açısından web tasarım ilkelerinden biridir. Asıl amacı, o anda ziyaretçilerin göremediği görselleri tespit etmektir. Bunun nedeni resimlerin gösterilmemesi, ekran koruyucular ve tarayıcının engellenmesi olabilir. Veya görme engelli kullanıcılar göremeyebilir. Görsellerinize alternatif metin eklediğinizde görsel kalite ne olursa olsun tüm kullanıcıların içeriğinizi değerlendirebilmesini sağlarsınız.
Resim SEO’su
Görsellerde alternatif metin kullanmak daha iyi bir kullanıcı deneyimi sağlar. Ancak sadece bu değil, aynı zamanda SEO’nun avantajlarından da yararlanırsınız. Alternatif metin, resim başlıkları ve dosya adlandırmanın yanı sıra resimleriniz aynı zamanda SEO dostudur
Arama motorları yıllar içinde görsel tanıma konusunda büyük gelişmeler kaydetti ve artık bir arama motorunun görselinizi görmeme şansı yok. Bu nedenle görselin yorumunun arama motorlarına bırakılması yanlıştır. Çünkü görseli yanlış yorumlarlarsa sıralamalarınız olumsuz etkilenebilir.