Görsel Alt Etiketi Nedir?
HTML içindeki alt attribute (özniteliği), bir görselin ne olduğunu metin yoluyla tarif eden teknik bir etikettir. Eğer görsel yüklenemezse tarayıcı bu metni gösterir; ekran okuyucular ise bu metni seslendirerek görseli görme engelli bireylere "gösterir".
Alt Etiketinin Asıl Amacı
Burayı ters köşe açalım: Birçok kişi alt etiketi sadece SEO için sanır. Oysa alt etiketi erişilebilirlik içindir. Görme engelli bir kullanıcı sitenizde gezerken, ekran okuyucusunun "resim123.jpg" demesiyle "Kırmızı şifon abiye elbise" demesi arasındaki fark, insan onuru ve kullanıcı deneyimidir. SEO bu iyiliğin sadece ikincil bir ödülüdür.
Google Alt Etiketlerini Nasıl Kullanır?
Google botları görselleri insan gibi göremez (AI gelişse de hâlâ risklidir). Alt metni, görselin bağlamını (context) anlamak ve sayfadaki diğer metinlerle olan alakasını çözmek için kullanır. Ayrıca Google Görseller (Image Search) sonuçlarında sıralama almanızın anahtarıdır.
“Alt Etiketi Yoksa SEO Biter” Efsanesi
Hayır, alt etiketi tek başına sıralamanızı bitirmez. Ancak büyük e-ticaret siteleri veya görsel ağırlıklı portal sitelerinde, alt etiketi eksikliği devasa bir "kalite sinyali" kaybıdır. Google, özenilmemiş bir yapıyı asla ödüllendirmez.
Boş Alt Etiketi (alt="") Ne Zaman Doğrudur?
Bunu birçok uzman bilmez: Sitenizdeki dekoratif görseller (ayraç çizgileri, arka plan süsleri, sadece tasarım amaçlı ikonlar) için alt etiketi bilinçli olarak boş bırakılmalıdır. Boş bırakmak (alt=""), ekran okuyucuya "bu resim sadece süstür, okumadan geç" mesajı verir. Okunacak bir şey yoksa kullanıcıyı meşgul etmeyin.
Yanlış Alt Etiketi Kullanım Türleri
Keyword stuffing (anahtar kelime yığma), "resim1, dsc001.webp" gibi anlamsız isimler veya tüm sayfa boyunca her resme aynı alt metni kopyalamak en sık yapılan teknik hatalardır. Bu yöntemler botları kandırmaz, sadece "spam" sinyali üretir.
Alt Etiketleri ile Anahtar Kelime Zorlaması
Google bunu saniyeler içinde görür. Bir araba resminin alt etiketine "en ucuz arabalar araba al sat sahibinden araba" yazmak size fayda sağlamaz. Aksine, görsel ile metin arasındaki uyumsuzluk nedeniyle sayfa güvenilirliğiniz sarsılır.
Görsel ile Alt Metin Uyumsuzluğu
Otomatik üretilmiş, bağlamdan kopuk alt metinler ciddi birer içerik hatasıdır. Eğer içerik "SEO Eğitimi" üzerineyse ama resmin alt metni "Masa başında oturan adam" ise bu zayıf bir betimlemedir. Betimleme, içeriğin amacına hizmet etmelidir.
Alt Etiketleri ve Erişilebilirlik Skoru
WCAG (Web Content Accessibility Guidelines) standartlarına göre her görselin ya anlamlı bir alt metni olmalı ya da dekoratif olduğu belirtilmelidir. Erişilebilirlik skoru yüksek bir site, Google botları tarafından her zaman daha "modern ve kaliteli" olarak kodlanır.
E-Ticaret Sitelerinde Alt Etiketleri
Ürün görsellerinde varyasyon karmaşasını alt etiketleriyle çözün. "Mavi Spor Ayakkabı Side View", "Mavi Spor Ayakkabı Sole Detail" gibi hiyerarşik ve betimleyici yapılar, Google Görseller üzerinden gelen trafiği %300 artırabilir.
Blog ve İçerik Sitelerinde Alt Etiketleri
Blog yazılarında kullanılan infografiklerin veya destekleyici görsellerin alt metinleri, yazıda geçen ana fikri özetlemelidir. Görselle yazıyı teknik bir iple birbirine bağlamalısınız.
Hero Görselleri ve Alt Metinler
Sayfanın en üstündeki (Hero) görseller genellikle en yüksek ağırlığa sahiptir. Buradaki alt metin, sayfanın ana başlığı (H1) ile çakışmamalı ama onu desteklemelidir. Slogan tekrarı yerine, görselin ne anlattığına odaklanın.
SVG ve Icon Alt Etiketleri
SVG dosyaları içinde alt özniteliği çalışmaz. Eğer SVG bir görsel olarak kullanılıyorsa role="img" ve aria-label veya <title> etiketiyle erişilebilir kılınmalıdır. İkonlar ise genellikle dekoratiftir; boş geçilebilir.
CSS Arka Plan Görselleri
CSS ile (background-image) verilen görsellerin alt etiketi yoktur. Eğer bu görsel kritik bir bilgi (örneğin bir kampanya yazısı) içeriyorsa bu yöntem yanlıştır. Önemli her görsel <img> etiketiyle verilmelidir.
Lazy Load ve Alt Etiketleri
Görsel henüz yüklenmemiş olsa bile (Lazy Load), alt metni DOM üzerinde hazır olmalıdır. Tarayıcı ve botlar görselin yüklenmesini beklemeden alt metni okur; bu da render performansını ve SEO verimliliğini artırır.
Görsel Boyutu ve Alt Etiketi İlişkisi
Görsel ne kadar büyükse, botlar onun o kadar önemli olduğunu düşünür. Devasa bir banner görselinin alt metnini boş bırakmak veya "banner1" yazmak, Google'ın sitenize verdiği "teknik özen" puanını düşürür.
AI ile Üretilmiş Alt Metinler
Günümüzde AI araçları görselleri tanıyıp alt metin yazabiliyor. Ancak bu metinler genellikle çok jenerik (Örn: "Dışarıda koşan bir köpek") olur. Markanız için özelleştirilmiş, bağlamlı ve markanızın dilini yansıtan metinler hâlâ insana ihtiyaç duyar.
Alt Etiketleri ve Duplicate Content
Aynı alt metni onlarca farklı görsele atamak (Örn: Sitedeki tüm resimlere "Anadolu Sigorta" yazmak), botlar için kafa karıştırıcıdır ve içeriğin değerini düşürür. Her görselin kendine has, benzersiz bir hikayesi olmalıdır.
Seoskor İçin Akıllı Değerlendirme
Analiz motorumuz görselleri şu teraziyle tartar:
- Kritik Görsel + Alt Yok: HATA (Erişilebilirlik ve SEO kaybı).
- Dekoratif + Boş Alt: BAŞARILI (Profesyonel yaklaşım).
- Keyword Spam Algılandı: UYARI (Manipülatif yapı).
- Bağlamlı ve Özgün Alt: PREMIUM (Yüksek kalite puanı).
Yanlış Pozitif (False Positive) Sorunu
Birçok amatör araç her boş alt text'e hata der. Biz ise SVG ikonları ve dekoratif amaçlı olduğu belli olan yapıları ayırt ederiz. Bilinçli boş bırakılmış bir alt etiketi hata değil, bir tercihtir.
Alt Etiketleri ile Görsel SEO Farkı
Sadece alt etiketi yetmez; dosya adı (filename), görselin çevresindeki metinler ve site haritasındaki görsel tanımları (Image Sitemap) bir bütündür. Alt etiketi bu operasyonun kaptan köşküdür.
Mobil Deneyimde Alt Metin
Yetersiz internet bağlantısında görseller yüklenmediğinde, mobil kullanıcı siteyi alt metinler sayesinde okumaya devam eder. Bu durum, "hızın düşük olduğu" anlarda bile kullanıcıyı elde tutmanızı sağlar.
Alt Etiketi Yazma Rehberi
Gözlerinizi kapatın ve birine o görseli anlatın. Duyduğunuz o 5-10 kelime, o görselin ideal alt metnidir. "Resmi" değil, "olayı" anlatın.
Alt Etiketi Checklist’i
- Her kritik görselin bir açıklaması var mı?
- Dekoratif/Süs amaçlı görseller için
alt=""yapıldı mı? - Anahtar kelime yığılmasından kaçınıldı mı?
- Cihazlar ve ekran okuyucular için metin anlamlı mı?
25. Alt Etiketleri Manifestosu – Net Hüküm
"Alt etiketi bir SEO hilesi değil, evrensel bir saygı göstergesidir. Sitenize bakan değil, sitenizi dinleyen birini bile dışlamadığınızda; Google da sizi dışlamayacaktır. Doğru alt metin, dijital karanlığa yakılmış bir mumdur."
GÖRÜNMEYENİ ANLAT, HERKESİ KAZAN.