Ne anlama gelir?
Alt metni, bir görselin ne gösterdiğini yazıyla anlatan özelliktir. Üç durumda devreye girer:
- Ekran okuyucu kullanan ziyaretçiler için sesli okunur
- Görsel yüklenemediğinde yerine gösterilir
- Arama motorunun görseli anlamasını sağlar
Nasıl yazılır?
Kötü: alt="" (bilgi taşıyan görselde boş)
Kötü: alt="resim" (anlamsız)
Kötü: alt="ayakkabı spor ayakkabı ucuz (kelime yığını)
ayakkabı modelleri satın al"
İyi: alt="Beyaz tabanlı kırmızı kadın koşu ayakkabısı, yandan görünüm"Yazım ilkeleri
- Görseli tarif edin, anahtar kelime yerleştirmeye çalışmayın
- Kısa ve net tutun — genellikle bir cümle yeterlidir
- Bağlamı düşünün: Aynı görsel farklı sayfalarda farklı yönüyle önemli olabilir
- "Resim", "fotoğraf" gibi ifadelerle başlamayın — zaten görsel olduğu biliniyor
- Metin içeren görsellerde o metni alt'a aktarın
Ne zaman boş bırakılır?
Yalnızca dekoratif görsellerde alt="" kullanılır (ayraç çizgileri, arka plan süsleri). Boş bırakmak, ekran okuyucunun o görseli atlamasını sağlar — bu doğru davranıştır.
Ancak alt özelliğini tamamen kaldırmak farklıdır ve önerilmez; ekran okuyucu bu durumda dosya adını okuyabilir.
Özel durumlar
| Görsel türü | Alt metni yaklaşımı |
|---|---|
| Ürün fotoğrafı | Ürün adı + ayırt edici özellik (renk, açı) |
| Grafik / tablo | Verinin özeti; detay yakındaki metinde |
| Bağlantı içindeki görsel | Bağlantının nereye gittiğini anlat |
| Logo | Marka adı |
| Dekoratif | Boş bırak |
Yasal ve etik boyut
Alt metni öncelikle bir erişilebilirlik gerekliliğidir. Görme engelli kullanıcılar için sayfanın anlaşılabilir olmasını sağlar. SEO faydası ikincil bir kazanımdır — bu sıralamayı akılda tutmak, doğru yazmayı da kolaylaştırır.
Ne anlama gelir?
Alt metni (alt text), bir görselin ne içerdiğini tanımlayan, HTML'deki alt özniteliğidir. Görsel yüklenemediğinde gösterilir ve ekran okuyucular tarafından sesli okunur. İki temel işlevi vardır: erişilebilirlik (görme engelli kullanıcıların görseli anlaması) ve SEO (arama motoruna görselin konusunu anlatarak görsel aramada yardımcı olması).
İyi alt metni nasıl yazılır?
- Görseli doğal ve doğru biçimde tanımlar
- Kısa ve öz olur
- Anahtar kelime doldurmaz
- Dekoratif görsellerde boş bırakılabilir (alt="")
Erişilebilirlik ve SEO birlikte
Alt metni, hem erişilebilirlik hem SEO'nun kesiştiği güzel bir örnektir. Görme engelli bir kullanıcı için görseli tanımlarken, aynı zamanda arama motoruna da o görselin ne olduğunu anlatırsınız. Anahtar kelime doldurmak ("seo seo ajansı seo hizmeti" gibi) her ikisine de zarar verir; oysa görseli dürüstçe ve doğal biçimde tanımlamak ikisine de hizmet eder.
Gerçek örnek
Bir site, tüm ürün görsellerini alt metinsiz yayımlıyordu; hem görsel aramada görünmüyor hem ekran okuyucu kullanıcıları için erişilemez kalıyordu. Her anlamlı görsele doğru, doğal bir alt metni eklendiğinde, ürünler görsel aramada görünmeye başladı ve site erişilebilirlik açısından da iyileşti.
Özet
Alt metni, bir görselin içeriğini tanımlayan öznitelikitir ve hem erişilebilirlik hem görsel SEO'ya hizmet eder. Görseli doğal ve doğru biçimde, kelime doldurmadan tanımlamak; dekoratif görselleri ise boş alt metinle geçmek doğru yaklaşımdır.