Alt etiketi (alt text), bir web sayfasındaki görsellerin metin tabanlı açıklamasıdır. Ekran okuyucu kullanan kullanıcılar, görsel yüklenemediğinde tarayıcılar ve Google gibi arama motorları bu metni kullanır. Doğru yazılmış bir alt etiketi hem erişilebilirliği artırır hem de görsel SEO’ya doğrudan katkı sağlar.
Bu rehberde alt etiketi nasıl yazılır sorusunu örneklerle yanıtlayacak, neyin işe yaradığını ve neyin zarar verdiğini net biçimde ortaya koyacağız.
Alt Etiketi Nedir ve Neden Önemlidir?
Erişilebilirlik Açısından Alt Text
Görme engelli kullanıcılar web sitelerinde gezinmek için ekran okuyucu yazılımlarına güvenir. Bir ekran okuyucu bir görsele geldiğinde, alt etiketini sesli olarak okur. Alt etiketi yoksa ekran okuyucu genellikle dosya adını okur; örneğin “IMG_20240312_145233.jpg” gibi anlamsız bir metin.
WCAG (Web İçerik Erişilebilirlik Yönergeleri) standartlarına göre tüm anlamlı görsellerin alternatif metin içermesi zorunludur. Bu, hem etik bir zorunluluk hem de birçok ülkede yasal bir gerekliliktir.
SEO Açısından Alt Text
Google’ın tarama botları görselleri “göremez”; yalnızca metni analiz edebilir. Alt etiketi, arama motorlarına bir görselin ne hakkında olduğunu anlatır. Bu sayede:
- Görselleriniz Google Görseller aramalarında sıralanabilir.
- Sayfa içeriğinin bütünlüğü güçlenir.
- Hedef anahtar kelimeleriniz bağlamsal olarak desteklenir.
Görsel SEO Nasıl Yapılır yazımızda bu konuyu daha kapsamlı ele aldık; alt text bu sürecin yalnızca bir parçasıdır.
Alt Etiketi Kaç Karakter Olmalı?
Kesin bir teknik sınır olmasa da genel kabul görmüş öneri 125 karakterin altında kalmaktır. Bunun nedeni, pek çok ekran okuyucunun bu sınırdan sonrasını okumayı kesmesidir.
Pratik kural şudur: Alt etiketi bir görsel hakkında bağlamı aktaran kısa, öz bir cümle olmalıdır. Uzun paragraflar yazmak hem kullanıcı deneyimini hem de SEO’yu olumsuz etkiler.
Hangi Görsellere Alt Etiketi Yazılmaz?
Her görselin alt etiketi olması gerekmez. Dekoratif görseller (arka plan desenleri, ayırıcı çizgiler, salt estetik amaçlı ikonlar) için boş bir alt etiketi kullanılmalıdır:
<img src="dekoratif-cizgi.png" alt="" />
Boş alt="" eklemek ile hiç alt attribute yazmamak arasında fark vardır. Boş alt etiketi, ekran okuyucuya “bu görsel dekoratif, atla” mesajı verir. Alt attribute hiç yazılmazsa ekran okuyucu görseli dosya adıyla okumaya çalışır.
İyi ve Kötü Alt Etiketi Örnekleri
Aşağıdaki tablo, img alt attribute yazımında sık yapılan hataları ve doğru karşılıklarını göstermektedir.
| Görsel | Kötü Alt Text | İyi Alt Text |
|---|---|---|
| Bir kadın dizüstü bilgisayarda çalışıyor | resim1.jpg | Uzaktan çalışan bir kadın dizüstü bilgisayarında SEO analizi yapıyor |
| Kırmızı spor ayakkabı ürün fotoğrafı | ayakkabı ayakkabı satın al en ucuz ayakkabı | Nike Air Max 270 kırmızı erkek spor ayakkabı |
| Site logosu | logo | Onur Öztürk SEO Danışmanlığı logosu |
| Pasta tarifi sonuç fotoğrafı | pasta | Çikolatalı fındıklı yaş pasta, üzeri ganaj kaplı |
| Yalnızca dekoratif arka plan | güzel arka plan resmi | (boş bırakılmalı: alt="") |
Anahtar Kelime Kullanımı: Doldurmak mı, Yerleştirmek mi?
Alt text nasıl yazılır sorusunun en kritik noktası burasıdır: anahtar kelimeler alt etiketine doğal biçimde entegre edilmelidir, sıkıştırılmamalıdır.
Yanlış Kullanım (Keyword Stuffing)
<img src="seo-hizmeti.jpg" alt="seo seo hizmeti seo danışmanlığı istanbul seo ucuz seo" />
Bu yaklaşım Google tarafından spam olarak değerlendirilebilir ve sitenizin sıralamasına zarar verebilir.
Doğru Kullanım
<img src="seo-hizmeti.jpg" alt="İstanbul'da bir SEO danışmanı strateji toplantısında sunum yapıyor" />
Anahtar kelime doğal bağlamda yer alıyor, görsel gerçekten tanımlanıyor ve okunabilir bir metin oluşturulmuş.
Alt Etiketi Nasıl Yazılır: Adım Adım Kurallar
1. Görseli Gerçekten Tanımlayın
Kendinize şunu sorun: “Bu görseli hiç görmemiş birine nasıl anlatırdım?” Cevabınız alt etiketinizin taslağıdır.
2. Bağlamı Göz Önünde Bulundurun
Aynı fotoğraf farklı sayfalarda farklı alt metinler alabilir. Bir yemek fotoğrafı, tarif sayfasında “Fırında kuzu incik, yanında pilav ve közlenmiş biber ile servis ediliyor” şeklinde tanımlanabilirken, bir restoran tanıtım sayfasında “Çınar Restaurant’ın özel fırın kuzu yemeği” şeklinde daha marka odaklı yazılabilir.
3. “Görüntü”, “Fotoğraf”, “Resim” Gibi Kelimelerle Başlamayın
Ekran okuyucular zaten kullanıcıya bunun bir görsel olduğunu söyler. “Bir köpeğin fotoğrafı” yerine doğrudan “Bahçede oynayan golden retriever yavrusu” yazın.
4. Hedef Anahtar Kelimenizi Uygunsa Ekleyin
Sayfanızın odaklandığı anahtar kelime görselin içeriğiyle örtüşüyorsa alt etikete eklemek mantıklıdır. Örtüşmüyorsa zorlamayın.
5. 125 Karakteri Aşmayın
Uzun açıklamalar gerekiyorsa longdesc attribute veya görselin yanındaki metin alanı kullanılabilir.
HTML’de Alt Etiketi Nasıl Eklenir?
Alt etiketi, HTML’de <img> etiketinin alt attribute’u olarak yazılır:
<!-- Temel kullanım -->
<img src="gorsel-seo-ipuclari.jpg" alt="Görsel SEO için doğru dosya adı ve alt text örneği" />
<!-- Dekoratif görsel -->
<img src="ayirici-cizgi.svg" alt="" role="presentation" />
<!-- Bağlantı içindeki görsel -->
<a href="/hizmetler/seo-danismanligi">
<img src="seo-hizmet-ikonu.png" alt="SEO Danışmanlığı Hizmeti" />
</a>
Bir görsel bağlantı içindeyse, alt etiketi bağlantının hedefini tanımlamalıdır; görsel içeriği değil.
WordPress’te Alt Etiketi Nasıl Eklenir?
WordPress kullanıcıları için üç farklı yöntem mevcuttur.
Yöntem 1: Medya Kütüphanesi Üzerinden
- Medya > Kütüphane menüsüne gidin.
- Düzenlemek istediğiniz görsele tıklayın.
- Sağ panelde Alternatif Metin alanını doldurun.
- Değişikliği kaydedin.
Yöntem 2: Görseli Blok Editörde Eklerken
- Sayfaya veya yazıya görsel bloğu ekleyin.
- Sağ paneldeki Blok sekmesinde Alt Metin alanına yazın.
Yöntem 3: Eski Editör (Classic Editor)
- Görsele tıklayın.
- Açılan diyalog kutusunda Alternatif Metin alanını doldurun.
Sitenizdeki Alt Etiketlerini Nasıl Denetlersiniz?
Mevcut sitenizde hangi görsellerin alt etiketi eksik olduğunu bulmak için aşağıdaki araçları kullanabilirsiniz:
Ücretsiz Araçlar:
- Google Search Console > İyileştirmeler bölümü yapısal sorunları gösterebilir.
- Chrome DevTools: Sayfayı açın,
F12ile geliştirici araçlarını açın,Elementssekmesinde<imgetiketlerini aratın. - Screaming Frog SEO Spider (ücretsiz sürüm 500 URL): Images sekmesinden
Missing Alt Textfiltresini uygulayın.
Tarayıcı Eklentileri:
- Web Developer (Chrome/Firefox): Images > Display Alt Attributes seçeneği tüm sayfa üzerindeki alt metinleri görsel olarak gösterir.
- axe DevTools: Erişilebilirlik denetimleri yapar, eksik ve hatalı alt etiketlerini listeler.
Hızlı HTML Denetimi
Tarayıcı konsoluna şu JavaScript kodunu yapıştırarak sayfadaki alt etiketsiz görselleri listeleyebilirsiniz:
// Alt etiketi olmayan tüm görselleri listele
const eksikAlt = [...document.querySelectorAll('img')]
.filter(img => !img.hasAttribute('alt') || img.alt.trim() === '')
.map(img => img.src);
console.log('Alt etiketi eksik görseller:', eksikAlt);
Görsel Alt Yazısı (Caption) ile Alt Text Farkı
Alt text ile görsel alt yazısı (caption) çoğu zaman karıştırılır.
- Alt text: Ekran okuyucular ve arama motorları içindir, sayfada görünmez.
- Caption (başlık/altyazı): Tüm kullanıcılara görselin altında veya üstünde görünen açıklayıcı metindir.
Her ikisi de SEO için değerlidir; ancak görevleri farklıdır. Caption, kullanıcıya bağlam sunar ve okunabilir bir anlatı oluşturur. Alt text ise erişilebilirlik ve tarayıcı uyumu için zorunludur.
<figure>
<img
src="istanbul-seo-seminer.jpg"
alt="2026 İstanbul SEO Seminerinde bir konuşmacı arama motoru optimizasyonu anlatıyor"
/>
<figcaption>İstanbul SEO Semineri 2026 — Konuşmacı: Onur Öztürk</figcaption>
</figure>
Alt Etiketi Özet Kontrol Listesi
Bir görseli yayınlamadan önce şu soruları yanıtlayın:
- Görsel anlamlı mı? (Evet ise alt text yaz, hayır ise
alt=""kullan) - Alt text 125 karakterin altında mı?
- ”Resim”, “görsel”, “fotoğraf” gibi gereksiz kelimeler içermiyor mu?
- Hedef anahtar kelime doğal bağlamda kullanıldı mı?
- Görsel bir bağlantı içindeyse hedef URL açıklanıyor mu?
- Ürün görseli ise marka adı, model ve renk bilgisi var mı?
Sonuç
Alt etiketi yazmak karmaşık değildir; ancak dikkat gerektiren bir süreçtir. Doğru yazılmış bir görsel alt yazısı hem engelli kullanıcıların sitenizi rahatça kullanmasını sağlar hem de Google’ın içeriğinizi daha iyi anlamasına yardımcı olur.
Anahtar nokta: Her alt etiketi görsel olmayan biri için yazılmış kısa bir tanımdır. Arama motoru botlarına değil, insanlara hitap eder — arama motorları zaten insanlar için iyi yazılmış metni anlar.
Görsel SEO stratejinizi baştan sona gözden geçirmek ister misiniz? SEO Danışmanlığı hizmetimiz kapsamında tüm teknik SEO denetimleri dahil olmak üzere görselden sayfa hızına kadar her detayı ele alıyoruz.
Sitenizin görsel SEO performansını değerlendirmek için iletişim sayfamızdan bize ulaşın.