Alt Metin Nasıl Yazılır? Ürün, Blog ve Kategori Örnekleri
Alt metin iki farklı amaca aynı anda hizmet eder: ekran okuyucu kullanan görme engelli kullanıcılara görselin içeriğini metin olarak iletmek ve arama motorlarına görselin ne olduğunu anlatmak. Bu iki amaç çoğunlukla örtüşür; ama her zaman aynı sonuca işaret etmez. Erişilebilirlik için yazılan alt metin ile SEO için yazılan alt metin zaman zaman farklı vurgu ve içerik gerektirir; ikisini aynı anda iyi yapmak mümkündür ama bu dengeyi kurmak belirli bir pratik ister.
Alt metin yazımında yapılan hatalar genellikle iki uçta toplanır: ya tamamen boş bırakılır ya da anahtar kelime yığınına dönüştürülür. İlki erişilebilirlik ve SEO açısından kaçırılan fırsattır; ikincisi hem kullanıcı deneyimini bozar hem de arama motorları tarafından manipülatif içerik olarak değerlendirilebilir. Bu iki ucun ortasındaki yaklaşım — görseli doğru ve bağlamsal biçimde tanımlayan, gerekirse ilgili bir anahtar kelimeyi doğal olarak içeren kısa metin — hem erişilebilirlik standartlarını karşılar hem de görsel SEO'ya katkı sağlar.
İçerik türü alt metin yazımını doğrudan etkiler. Bir ürün görselinin alt metni, bir blog kapak görselinin ya da navigasyon ikonunun alt metninden farklı bilgi taşımalıdır. Her bağlam için "ne yazılmalı" sorusunun yanıtı değişir; bu değişimi somut örnekler üzerinden görmek soyut kuralları takip etmekten her zaman daha öğreticidir.
Alt metnin amacı ve boş bırakılması gereken durumlar
HTML spesifikasyonuna göre alt attribute'u her <img> etiketinde bulunmalıdır; ancak değeri boş olabilir. Boş alt metin (alt="") ile alt metin attribute'unun hiç yazılmaması farklı sonuçlar üretir. Boş alt="" ekran okuyucuya "bu görsel dekoratif, atla" sinyali verir; attribute tamamen eksikse ekran okuyucu genellikle dosya adını okur — bu, kullanıcı için anlamsız ve bağlamı bozan bir deneyim yaratır.
Dekoratif görseller için boş alt metin doğru tercihtir. Sayfa düzenini doldurmak amacıyla kullanılan arka plan desenleri, bölüm ayırıcılar, dekoratif çizgiler ve içerikle doğrudan ilişkisi olmayan süslemeler bu kategoriye girer. Bu görseller için anlamlı bir alternatif metin yazmak, ekran okuyucu kullanıcılarını gereksiz yere bilgi yüküyle boğar. alt="" bu görsel için bilinçli ve doğru bir karardır.
İçerik taşıyan görseller — ürün fotoğrafları, bilgi içeren çizimler, makale kapak görselleri, ekran görüntüleri — için ise anlamlı alt metin zorunludur. Bu görseller görüntülenemediğinde ya da ekran okuyucu tarafından işlendiğinde alt metin tek erişilebilir bilgi kaynağı olur. Bir ürün fotoğrafının alt metni yalnızca "fotoğraf" değil; ürünü, rengi, açıyı veya özelliği tanımlayan bir ifade olmalıdır.
Bağlantı içindeki görseller için alt metin bağlantının hedefini açıklamalıdır. Bir logo görselini ana sayfaya bağlayan <a> etiketi içinde logo görselinin alt metni "Marka Adı logosu" yerine "Marka Adı ana sayfa" olarak yazılabilir; ekran okuyucu kullanıcısı bu bağlantıya tıkladığında nereye gideceğini bilir.
Ürün görseli için alt metin
Ürün alt metni hem erişilebilirlik hem de Google Görsel Arama ve alışveriş sonuçları için kritik öneme sahiptir. İyi yazılmış bir ürün alt metni dört bileşeni içerir: ürün adı, ayırt edici özellik (renk, model, malzeme), görsel açısı veya bağlamı ve marka adı (varsa).
Zayıf örnekler ve güçlü karşılıkları:
alt="ayakkabı" — yetersiz; hiçbir ayırt edici bilgi taşımıyor.
alt="Nike Air Max 270 siyah erkek spor ayakkabı" — doğru; ürün adı, renk, hedef kitle ve kategori bir arada.
alt="koltuk" — yetersiz.
alt="Gri kadife köşe koltuk, sol açı" — doğru; malzeme, renk, tip ve çekim açısı mevcut.
Ürün sayfasında birden fazla görsel varsa her birinin farklı alt metni olmalıdır. Ön, arka, yan, detay ve kullanım bağlamı gibi farklı açılar aynı ürünü farklı sorgu niyetleriyle arayan kullanıcılara ulaşmanın kapısını açar. "Kırmızı elbise arka detay" ile "kırmızı elbise tam boy" farklı sorguları karşılar; her ikisini de taşıyan bir sayfanın görsel arama görünürlüğü daha geniştir.
Anahtar kelime tekrarından kaçınmak burada da geçerlidir. Aynı sayfadaki beş görsel için beş kez "Nike Air Max 270 siyah spor ayakkabı satın al" yazmak değil, her görselin gerçekten ne gösterdiğini tanımlamak hem daha doğru hem de daha etkilidir. Görsel SEO'da alt metin ve dosya adı birbirini tamamlayan iki sinyal olarak çalışır; her ikisini de bilinçli kullanmak genel görsel arama performansını artırır.
Blog kapak görseli ve içerik görselleri için alt metin
Blog kapak görseli çoğu zaman yazının konusunu temsil eden soyut ya da metaforik bir görüntüdür; ürün fotoğrafının aksine tanımlanması daha yoruma açıktır. Burada alt metin görüntünün ne olduğunu değil, yazının konusuyla nasıl ilişki kurduğunu iletmelidir.
Örneğin, bir "web performansı" yazısının kapağında hız göstergesi illüstrasyonu kullanılıyorsa:
alt="hız göstergesi" — yeterince bağlamsal değil.
alt="Web sayfası yükleme hızını simgeleyen hız göstergesi illüstrasyonu" — hem görseli tanımlıyor hem de yazıyla bağlantısını kuruyor.
Blog yazısı içindeki açıklayıcı görseller — diyagramlar, ekran görüntüleri, adım adım görseller — için alt metin görselin içeriğini mümkün olduğunca tam aktarmalıdır. Bir ekran görüntüsünde bir arayüzün belirli bölümü gösteriliyorsa alt metin "ekran görüntüsü" değil, o görüntünün ne gösterdiğini açıklamalıdır: "Google Analytics Edinim raporunda organik trafik kanalının seçili olduğu panel".
Yazıyı süsleyen ama içeriğe katkısı olmayan görseller için boş alt metin kullanmak daha iyidir. Her görsele zorla anlamlı alt metin yazmaya çalışmak bazen bağlamla uyumsuz, yapay ifadeler ortaya çıkarır. Görselin sayfada bilişsel bir yük taşıyıp taşımadığını sormak — "bu olmasa okuyucu bir şey kaçırır mı?" — yazılması gereken ile yazılmaması gereken arasındaki sınırı belirler.
Kategori sayfaları ve navigasyon görselleri
E-ticaret kategori sayfalarında her kategoriye ait bir görsel bulunur. Bu görseller genellikle kategorinin içeriğini temsil eden fotoğraflar ya da illüstrasyonlardır. Alt metin burada görseli değil, kategorinin içeriğini tanımlayan bir ifade taşımalıdır.
Örnek:
alt="gömlek" — yetersiz; görsel bir gömlek fotoğrafı olsa da bu ifade kategori bağlamını yansıtmıyor.
alt="Erkek gömlekleri kategori görseli" — doğru; hem içeriği hem bağlamı açıklıyor.
Navigasyon ikonları için alt metin ikona verilen işlevi tanımlamalıdır; ikonun görsel biçimini değil. Bir arama ikonu için alt="büyüteç" değil alt="Ara" yazmak erişilebilirlik açısından doğru yaklaşımdır. Kullanıcı ekran okuyucu aracılığıyla navigasyonu dinlediğinde "büyüteç" değil "Ara" duymak doğrudan eylemi anlamasını sağlar.
CMS'lerde kategori görselleri çoğunlukla medya kütüphanesinden seçilir ve alt metin yönetimi bu kütüphane üzerinden yapılır. WordPress'te medya kütüphanesindeki her görsele atanan alt metin, o görsel sayfaya eklendiğinde otomatik olarak kullanılır; ancak farklı bağlamlarda aynı görselin farklı alt metin gerektirdiği durumlar için bu otomatizm yetersiz kalabilir. Bu gibi durumlarda görseli eklerken alt metni manuel olarak düzenlemek gerekir.
EXIF ve metadata temizleme ile alt metin yönetimi ilgisiz görünen ama pratikte bağlantılı iki operasyondur: ikisi de görsele bağlı metin verisiyle ilgilenir ve ikisi de yayın öncesinde kontrol edilmesi gereken adımlar arasındadır. Görsel yüklenirken hem metadata temizliğini hem de alt metin doğruluğunu tek adımda gözetmek iş akışını sadeleştirir.
Alt metin uzunluğu ve yaygın hatalar
Alt metin uzunluğu için katı bir kural yoktur; ancak pratikte 125 karakter sınırı yaygın bir referans noktasıdır. Bu sınır pek çok ekran okuyucunun alt metni okuduğu maksimum uzunluğu temsil eder; bu değerin üzerindeki metin bazı araçlarda kesilir. 125 karakteri aşan bir görseli tanımlamak gerekiyorsa uzun açıklamayı görsel yanındaki metne ya da bir <figcaption> etiketine taşımak, alt metni ise kısa bir özet olarak bırakmak daha iyi bir çözümdür.
Yaygın hatalar ve düzeltmeleri şöyle sıralanabilir. "image of", "photo of", "picture of" gibi ifadelerle başlamak gereksizdir; ekran okuyucular zaten "görsel" olduğunu bağlamdan bilir, bu kelimeler karakter israf eder. Anahtar kelime doldurmak — alt="kırmızı elbise elbise satın al kırmızı elbise indirim" gibi — hem kullanıcıyı rahatsız eder hem de arama motoru cezası riskini beraberinde getirir. Dosya adını olduğu gibi alt metin yazmak — alt="IMG_4521_final_v2" — erişilebilirlik ve SEO açısından birden olumsuz bir işarettir.
Büyük kataloglarda her görsele elle anlamlı alt metin yazmak operasyonel açıdan ağır bir yüktür. Bu sorunu yönetmek için iki yaklaşım kullanılır. Birincisi şablonlama: ürün adı, renk ve kategori gibi meta verileri birleştiren otomatik bir alt metin şablonu binlerce görsel için tutarlı ve makul bir başlangıç değeri üretir. İkincisi önceliklendirme: en çok trafik alan sayfaların ve en stratejik görsellerin alt metinlerine önce odaklanmak, sınırlı kaynakla maksimum etki sağlar.
Alt metin yalnızca SEO için değil gerçek kullanıcılar için yazılır. Görme engelli kullanıcıların deneyimi, arama robotu sinyalleri kadar somut bir gerçekliktir. Bu iki hedefi çelişen değil tamamlayan hedefler olarak görmek, alt metin yazımında hem doğru hem de etkili kararlar almayı kolaylaştırır.
Alt metin yazımı teknik bir kural listesinden daha fazlasıdır; her görsel için "bu görseli göremeyecek biri ne bilmek ister?" sorusunu sormayı gerektiren bir içerik kararıdır. Bu soruyu içerik türüne göre yanıtlamak — ürün için tanımlayıcı, blog için bağlamsal, dekoratif için boş — tutarlı bir yaklaşım çerçevesi oluşturur.
Büyük içerik katalogları için bu kararı her seferinde sıfırdan vermek yerine içerik türüne göre şablonlar tanımlamak, hem kaliteyi yükseltir hem de iş yükünü azaltır. Şablonlar mükemmel alt metin üretmez; ama "dosya adı kopyalanmış" ya da "boş bırakılmış" durumlardan çok daha iyi bir taban sağlar. Zamanla bu tabanı iyileştirmek ve stratejik görsellere el ile özen göstermek, görsel erişilebilirlik ve SEO kalitesini sürdürülebilir biçimde artırır.