Alt Etiketi (Alt Text) Nedir, Nasıl Yazılır?

Bir web sitesindeki görseller, arama motorları için tek başına “görünmez”dir — Google bir fotoğrafa bakıp içeriğini anlayamaz, o görselin ne olduğunu ona söyleyen tek şey alt etikettir. Aynı zamanda görme engelli kullanıcıların ekran okuyucu yazılımlarla siteyi deneyimlemesini sağlayan da bu küçük ama kritik metin parçasıdır.

Birçok web sitesi sahibi alt etiketini yalnızca “SEO için doldurulması gereken bir kutucuk” olarak görür ve bu yüzden anlamsız veya aşırı kalabalık metinlerle doldurur. Oysa alt etiketi, doğru yazıldığında hem gerçek insanlara hem de arama motorlarına aynı anda değer sunan nadir SEO unsurlarından biridir. Bu rehberde alt etiketinin (alt text) ne olduğunu, hem SEO hem erişilebilirlik açısından neden önemli olduğunu ve doğru bir alt metnin nasıl yazılacağını ele alıyoruz.

Alt Etiketi (Alt Text) Nedir?

Alt etiketi (alt text, alternatif metin), bir HTML görsel etiketine eklenen ve o görselin içeriğini metin olarak tanımlayan bir özelliktir (<img alt="...">). Görsel bir nedenle yüklenemediğinde tarayıcı bu metni gösterir; arama motorları ve ekran okuyucular ise görselin ne olduğunu anlamak için doğrudan bu metne bakar, çünkü görselin piksellerini “görme” yetenekleri yoktur.

Alt Etiketi ile Görsel Başlığı (Title) Arasındaki Fark Nedir?

Alt etiketi, görselin işlevsel ve tanımlayıcı açıklamasıdır ve hem SEO hem de erişilebilirlik açısından doğrudan ve ölçülebilir bir etkiye sahiptir. Title etiketi ise genellikle fareyle üzerine gelindiğinde görünen küçük bir araç ipucudur (tooltip) ve SEO açısından çok daha az ağırlığa sahiptir. İkisi karıştırılmamalı; alt etiketi zorunlu bir SEO/erişilebilirlik unsuru, title etiketi ise isteğe bağlı bir ek bilgidir.

Alt Etiketi Neden Önemlidir?

Alt etiketinin önemi iki farklı ama birbiriyle örtüşen alanda ortaya çıkar: arama motoru optimizasyonu ve erişilebilirlik.

Alan	Alt Etiketinin Rolü
SEO	Google’ın görseli anlamasını ve görsel aramada sıralamasını sağlar
Erişilebilirlik	Ekran okuyucuların görme engelli kullanıcılara görseli tarif etmesini sağlar
Kullanıcı Deneyimi	Görsel yüklenemediğinde yerine anlamlı bir metin gösterir

Görme Engelli Kullanıcılar İçin Alt Text Nasıl Çalışır?

Ekran okuyucu yazılımları, bir sayfadaki görsele geldiğinde alt etiketindeki metni sesli olarak okur. Alt etiketi eksik veya anlamsızsa (örneğin dosya adı “IMG_2481.jpg” gibi), kullanıcı o görselin ne olduğunu hiç anlayamaz ve sayfanın bütünlüğü kullanıcı için bozulmuş olur.

Doğru Alt Text Nasıl Yazılır?

Etkili bir alt metin yazarken şu prensipler her görsel için tutarlı şekilde takip edilmelidir:

1. Görseli, gören biri gibi tarif edin — ne olduğunu, varsa önemli bağlamı açıklayın.
2. Kısa ve net olun; gereksiz “resim”, “fotoğraf” gibi ifadelerden kaçının (ekran okuyucular bunu zaten belirtir).
3. Sayfanın bağlamıyla ilgili, gerçek bilgi verin.
4. Anahtar kelimeyi doğal bir şekilde, yalnızca gerçekten uygunsa kullanın.

Alt Text Ne Kadar Uzun Olmalı?

Genel kural olarak 125 karakter civarı bir sınır önerilir; çünkü bazı ekran okuyucular bu uzunluktan sonra metni kesebilir. Daha karmaşık bir görseli (örneğin bir grafik veya infografik) tarif etmek gerekiyorsa, alt etiketi kısa tutup detaylı açıklamayı görselin yanındaki metinde vermek daha doğru bir yaklaşımdır.

Alt Text Yazarken Yapılan Yaygın Hatalar

Alt etiketi yazımında sıkça tekrarlanan birkaç hata, hem SEO hem erişilebilirlik faydasını neredeyse tamamen ortadan kaldırır ve emeğin boşa gitmesine yol açar.

Durum	Kötü Örnek	İyi Örnek
Ürün görseli	“resim1.jpg”	“Kırmızı deri kadın el çantası, önden görünüm”
Anahtar kelime doldurma	“seo seo uzmanı seo danışmanlığı seo ajansı”	“SEO danışmanlığı hizmeti sunan uzman ekip”
Boş/anlamsız	“görsel”	“Ofiste toplantı yapan üç kişilik ekip”

“Keyword Stuffing” Alt Text’te Neden Risklidir?

Alt etikete art arda birden fazla anahtar kelime sıkıştırmak, Google tarafından spam sinyali olarak değerlendirilebilir ve hem o görselin hem de sayfanın güvenilirliğini zedeleyebilir. Alt text her zaman gerçek bir görsel açıklaması olmalı, bir anahtar kelime listesi değil; okunduğunda doğal bir cümle gibi akmalıdır.

Dekoratif Görseller İçin Alt Text Gerekli mi?

Sayfa düzenine estetik katan ama bilgi içermeyen dekoratif görseller (örneğin bir arka plan deseni) için alt etiketinin boş bırakılması (alt="") doğru yaklaşımdır. Bu, ekran okuyucunun o görseli atlayıp kullanıcının zamanını gerçek içerikle sınırlı tutmasını sağlar ve gereksiz bir bilgi yükü oluşturmaz.

Boş Alt Etiketi Ne Zaman Kullanılmalı?

Görsel sayfanın anlamına hiçbir bilgi katmıyorsa (ikonlar, ayırıcı çizgiler, tekrarlayan dekoratif öğeler) boş alt etiketi kullanılmalıdır. Ancak bu, “açıklamak zor” olduğu için atlanan gerçek bilgi içeren görseller için bir bahane olarak asla kullanılmamalıdır.

Alt Text ve Google Görsel Arama İlişkisi

Google Görsel Arama sonuçlarında bir görselin gösterilip gösterilmeyeceğine karar verirken alt etiketi, dosya adı ve görselin bulunduğu sayfanın genel bağlamı birlikte değerlendirilir. Bu konuyu daha detaylı ele aldığımız Google Görsel Arama Nedir? yazımızı inceleyebilirsiniz.

Görsel Aramadan Trafik Almak İçin Ne Yapılmalı?

Doğru alt etiketiyle birlikte, görselin yüksek çözünürlüklü olması, dosya adının anlamlı olması (örneğin “kirmizi-deri-canta.jpg”) ve görselin bulunduğu sayfanın da aynı konuyla ilgili olması, görsel aramada görünürlüğü artıran temel unsurlardır. Bu unsurlardan biri eksik olsa bile diğerleri kısmi bir fayda sağlar, ama en güçlü sonuç hepsinin birlikte uygulanmasıyla elde edilir.

Alt Text ve CSS Arka Plan Görselleri Arasındaki Fark

Bir görsel HTML’de <img> etiketiyle değil, CSS background-image özelliğiyle eklendiğinde, bu görsele alt etiketi eklenemez — çünkü CSS arka plan görselleri tarayıcı tarafından tamamen dekoratif kabul edilir ve arama motorları ile ekran okuyucular tarafından görmezden gelinir.

Bu, tasarımcılar için önemli bir karar noktası oluşturur: eğer bir görsel gerçekten anlam taşıyorsa (örneğin bir ürün fotoğrafı veya bilgilendirici bir grafik), bu görsel CSS arka planı olarak değil, gerçek bir <img> etiketiyle ve uygun alt metinle eklenmelidir. Yalnızca saf dekoratif görseller (doku, desen, atmosfer görseli) CSS arka planı olarak kalabilir; bu ayrımı doğru yapmak, hem tasarımı hem de erişilebilirliği aynı anda korumanın anahtarıdır.

Hangi Görseller CSS Arka Planı Olarak Kalmalı?

Sayfanın anlamına hiçbir bilgi katmayan, tamamen görsel/estetik amaçlı arka planlar (bölüm ayırıcı desenler, hero bölümü atmosfer görselleri) CSS arka planı olarak kalabilir; ancak bu görsel aynı zamanda tek içerik kaynağıysa (örneğin metnin anlatmadığı bir bilgiyi taşıyorsa), gerçek bir <img> etiketine dönüştürülmesi gerekir.

Alt Text Yazımında Yapay Zeka Araçları Nasıl Kullanılır?

Yapay zeka görsel tanıma araçları, artık bir görseli otomatik olarak analiz edip taslak bir alt metin önerebiliyor. Bu, özellikle yüzlerce ürün görseli olan e-ticaret siteleri için büyük bir zaman tasarrufu sağlıyor ve manuel yazım sürecini önemli ölçüde hızlandırıyor.

Ancak otomatik üretilen alt metinler genellikle genel ve bağlamdan bağımsızdır; bir yapay zeka aracı bir ayakkabı görselini “beyaz spor ayakkabı” olarak tanımlayabilir, ama sayfanın bağlamında önemli olan “hafif koşu ayakkabısı, nefes alan kumaş” gibi bir detayı kaçırabilir. Bu yüzden yapay zeka çıktıları, her zaman gerçek bağlam bilgisiyle gözden geçirilip düzenlenmelidir.

Otomatik Alt Text Üretimi Ne Zaman Güvenli Kullanılabilir?

Büyük ölçekli, benzer yapıdaki ürün kataloglarında (örneğin binlerce giysi ürünü) otomatik üretim iyi bir başlangıç taslağı sunar; ancak marka sesi taşıyan, öne çıkan veya kampanya görsellerinde insan gözden geçirmesi hâlâ gereklidir. Otomasyon burada zamandan tasarruf sağlayan bir yardımcı olarak görülmeli, nihai karar mekanizması olarak değil.

E-Ticaret Ürün Görsellerinde Alt Text Nasıl Yazılır?

E-ticaret siteleri için alt text, hem ürün bulunabilirliğini hem de görsel arama trafiğini doğrudan etkiler; yüzlerce benzer ürünü olan bir kataloğun her birinin ayırt edici şekilde tanımlanması, hem müşteri hem arama motoru için fark yaratır.

Ürün Türü	Zayıf Alt Text	Güçlü Alt Text
Ayakkabı	“ürün”	“Beyaz erkek spor ayakkabı, yandan görünüm”
Elbise	“elbise1”	“Lacivert kısa kollu yazlık kadın elbisesi”
Elektronik	“resim”	“Siyah kablosuz kulaklık, şarj kutusuyla birlikte”

Alt Text Kontrol Listesi

Sitenizdeki görselleri gözden geçirirken şu kontrol listesini takip etmenizi öneririz:

Sıkça Sorulan Sorular

İlgili

Görsel formatları ve site performansı konusunu Web Sitenizde Neden SVG Görseller Kullanmalısınız? yazımızda, teknik SEO’nun genel çatısını ise Teknik SEO Rehberi sayfamızda bulabilirsiniz. SEO terimlerinin tam listesi için SEO Sözlüğü sayfamıza, kendi sitenizin denetimi için SEO danışmanlığı hizmetimize veya iletişim sayfamıza göz atabilirsiniz.