Alt text, Türkçede “alt metin” olarak kullanılan, bir görselin HTML içindeki alt niteliğine yazılan açıklayıcı metindir. Alt attribute olarak da adlandırılabilir. Bir web sayfasındaki görsel herhangi bir nedenle yüklenemezse, tarayıcı bu görselin yerine alt metni gösterebilir. Ayrıca ekran okuyucu kullanan kişiler, görselin ne anlattığını alt metin aracılığıyla anlayabilir. Bu nedenle alt text yalnızca SEO için değil, erişilebilirlik ve kullanıcı deneyimi için de önemli bir unsurdur.
Alt metnin temel amacı, görselin anlamını ve sayfadaki işlevini kısa, açık ve bağlama uygun şekilde açıklamaktır. Görsel yalnızca dekoratif değilse ve içerikte bir bilgi taşıyorsa, alt text bu bilgiyi metin olarak aktarmalıdır. Örneğin bir ürün görseli, grafik, ikon, infografik veya açıklayıcı fotoğraf kullanıcıya bir anlam sunuyorsa, bu anlam alt metinde doğru şekilde ifade edilmelidir. Böylece görseli göremeyen kullanıcılar da sayfadaki bilgiden mahrum kalmaz.
SEO açısından alt text, arama motorlarının görseli ve görselin bulunduğu sayfa bağlamını daha iyi anlamasına yardımcı olabilir. Arama motorları görselleri değerlendirmek için yalnızca dosya adına veya çevresindeki metne değil, alt niteliğine de bakabilir. Bu nedenle özellikle görsel arama trafiği almak isteyen e-ticaret, yayıncılık, blog, ürün listeleme, portfolyo ve görsel ağırlıklı web sitelerinde alt metinler önemlidir. Ancak alt text, anahtar kelime doldurma alanı olarak kullanılmamalıdır.
Alt text yazarken en önemli kriter, görseli gerçekten anlatmasıdır. Görselde ne olduğu, kullanıcı için neden önemli olduğu ve sayfadaki bağlamla nasıl ilişkilendiği dikkate alınmalıdır. Örneğin bir spor ayakkabı görseli için yalnızca “ayakkabı” yazmak çoğu zaman yetersiz kalır. “Siyah bağcıklı erkek spor ayakkabı” gibi daha açıklayıcı bir alt metin, görseli hem kullanıcı hem de arama motoru açısından daha anlamlı hale getirir.
HTML içinde alt metin genellikle <img> etiketiyle birlikte kullanılır. Örneğin <img src="ayakkabi.png" alt="Siyah bağcıklı spor ayakkabı"> yapısında “Siyah bağcıklı spor ayakkabı” ifadesi görselin alt metnidir. Burada src görsel dosyasının kaynağını, alt ise görselin açıklamasını belirtir. Bu iki alanın farklı işlevlere sahip olduğu unutulmamalıdır. Görsel dosya adı, başlık niteliği ve alt metin aynı şey değildir.
Alt text ile image title da karıştırılmamalıdır. title niteliği bazı durumlarda kullanıcı görselin üzerine geldiğinde ek bilgi gösterebilir; ancak erişilebilirlik ve SEO açısından alt metnin yerini tutmaz. Alt text, görsel yüklenmediğinde ve ekran okuyucular tarafından görsel açıklaması gerektiğinde daha kritik rol oynar. Bu nedenle yalnızca title yazmak yeterli değildir; anlam taşıyan görseller için uygun alt metin mutlaka eklenmelidir.
İyi bir alt metin kısa, açıklayıcı ve doğal olmalıdır. Görselin bağlamına göre birkaç kelimelik veya kısa bir cümlelik açıklama yeterli olabilir. Gereksiz detaylara, tekrar eden ifadelere ve anahtar kelime yığınlarına yer verilmemelidir. Örneğin “ayakkabı, spor ayakkabı, siyah ayakkabı, erkek ayakkabı, uygun fiyatlı ayakkabı” gibi bir alt metin doğal değildir. Bunun yerine “Siyah bağcıklı erkek spor ayakkabı” gibi net bir açıklama daha sağlıklıdır.
Alt metin yazarken “görsel”, “resim”, “fotoğraf” gibi ifadeler çoğu zaman gereksizdir. Ekran okuyucular zaten bunun bir görsel olduğunu belirtebilir. Bu nedenle “Siyah bağcıklı spor ayakkabı fotoğrafı” yerine “Siyah bağcıklı spor ayakkabı” yazmak genellikle daha temiz bir kullanımdır. Ancak görselin türü içerik açısından önemliyse “infografik”, “ekran görüntüsü”, “harita” veya “grafik” gibi ifadeler kullanılabilir.
E-ticaret sitelerinde alt text ürün açıklamasıyla uyumlu olmalıdır. Ürünün rengi, modeli, türü, kullanım alanı veya ayırt edici özelliği görselde açıkça görülüyorsa alt metne dahil edilebilir. Örneğin “Beyaz deri kadın sneaker yan görünüm” veya “Ahşap ayaklı gri üçlü koltuk” gibi açıklamalar kullanıcıya daha fazla bağlam verir. Ancak ürünle ilgisi olmayan kampanya kelimeleri, gereksiz fiyat ifadeleri veya tekrar eden kategori kelimeleri alt text içine doldurulmamalıdır.
Dekoratif görsellerde ise alt text farklı değerlendirilmelidir. Eğer görsel sayfada bilgi taşımıyorsa, yalnızca tasarım amacıyla kullanılıyorsa veya kullanıcı için anlamlı bir içerik sunmuyorsa boş alt niteliği kullanılabilir. Örneğin alt="" yapısı, ekran okuyucuların bu dekoratif görseli atlamasına yardımcı olabilir. Bu yaklaşım, gereksiz bilgi yükünü azaltır ve erişilebilirlik deneyimini iyileştirir.
Alt text yazarken görselin bulunduğu sayfanın bağlamı da dikkate alınmalıdır. Aynı görsel farklı sayfalarda farklı anlamlar taşıyabilir. Örneğin bir ayakkabı görseli ürün sayfasında ürünün kendisini anlatırken, bir blog yazısında “mezuniyet kombin önerisi” bağlamında kullanılabilir. Bu nedenle alt metin, yalnızca görselde görünen nesneyi değil, görselin sayfadaki işlevini de yansıtmalıdır.
Görsel SEO tarafında alt text tek başına yeterli değildir. Dosya adı, görsel boyutu, sıkıştırma, uygun format, responsive görsel kullanımı, lazy loading ayarları, sayfa hızı, çevresindeki metin ve görselin sayfadaki konumu da önemlidir. Örneğin “IMG_1234.png” yerine açıklayıcı bir dosya adı kullanmak, görseli optimize etmek ve sayfanın hızlı yüklenmesini sağlamak daha güçlü bir görsel SEO yapısı oluşturur.
Alt text kullanımında yapılan en yaygın hatalardan biri, her görsele aynı veya benzer açıklamayı yazmaktır. Bir sayfada çok sayıda ürün görseli varsa, her görselin ayırt edici özelliği mümkün olduğunca belirtilmelidir. “Spor ayakkabı” ifadesini tüm görsellerde tekrar etmek yerine; “Siyah bağcıklı spor ayakkabı ön görünüm”, “Siyah bağcıklı spor ayakkabı yan görünüm” veya “Siyah spor ayakkabının taban detayı” gibi açıklamalar daha anlamlı olabilir.
Kısacası alt text, bir görselin HTML içindeki açıklayıcı metnidir ve erişilebilirlik, kullanıcı deneyimi ve SEO açısından önemlidir. Görsel yüklenmediğinde kullanıcıya bilgi verir, ekran okuyucuların görseli anlamlandırmasına yardımcı olur ve arama motorlarına görselin bağlamı hakkında sinyal sağlar. Başarılı bir alt metin kısa, açıklayıcı, doğal, bağlama uygun ve kullanıcı odaklı olmalıdır. Anahtar kelime doldurma amacıyla değil, görselin gerçek anlamını aktarmak için kullanılmalıdır.
