Alt metin, hem web sitesi erişilebilirliğini hem de sayfa içi SEO’yu iyileştirmenin en basit yollarından biridir. Doğru yazıldığında, ekran okuyucu kullanan kişilerin bir görselin amacını anlamasına yardımcı olur ve arama motorlarına sayfadaki içerik hakkında faydalı bağlam sağlar.
Ancak etkili alt metin yazmak, her görsele anahtar kelime doldurmak anlamına gelmez. İyi bir alt metin; net, kullanışlı ve görselin sayfadaki rolüyle ilişkili olmalıdır. Bu rehberde alt metnin nasıl yazılacağını, ne zaman kullanılacağını, ne zaman boş bırakılması gerektiğini ve güçlü örneklerin pratikte nasıl göründüğünü açıklıyoruz.
Alt metin, “alternative text” ifadesinin kısaltmasıdır ve HTML içinde bir görsele eklenen yazılı açıklamadır. Temel amacı erişilebilirliktir: Bir kişi görseli göremiyorsa, yardımcı teknolojiler alt metni sesli olarak okuyabilir.
Alt metin SEO açısından da önemlidir çünkü arama motorlarının görsel içeriğini ve bu görselin çevresindeki sayfa ile ilişkisini daha iyi anlamasına yardımcı olur. Yine de öncelik her zaman erişilebilirlik olmalıdır. Alt metin insanlar için gerçekten faydalıysa, çoğu zaman arama motorları için de daha iyidir.
Dijital ekipler için alt metin, daha geniş kapsamlı web sitesi erişilebilirlik uyumluluğunun bir parçasıdır. Denetimler, düzeltmeler ve sürekli izleme dahil olmak üzere diğer erişilebilirlik çalışmalarıyla aynı kalite ve yönetişim sürecine dahildir.
En iyi alt metin, kullanıcının bağlam içinde görsel hakkında ne bilmesi gerektiğini açıklar. Bazen bu, görünen şeyi tarif etmek anlamına gelir. Bazen de görselin işlevini veya vermek istediği mesajı açıklamak gerekir.
Örneğin bir görsel, kullanıcıyı demo sayfasına götüren bir düğmeyi gösteriyorsa, alt metin yalnızca renkleri veya düzeni değil; eylemi ya da hedefi anlatmalıdır.
Alt metin açık ve doğrudan olmalıdır. Çoğu görsel için uzun bir açıklama gerekmez. Kısa ve doğru bir açıklama, belirsiz veya gereğinden fazla detaylı bir metinden genellikle daha iyidir.
“Görsel” ya da “fotoğraf” gibi genel ifadeler yazmak yerine, o görseli sayfada anlamlı kılan unsuru belirtin.
Hedef anahtar kelimeniz gerçekten görseli ve sayfanın konusunu yansıtıyorsa, alt metinde doğal biçimde yer alabilir. Ancak her görsele zorla anahtar kelime eklemek, ekran okuyucu kullanıcıları için kötü bir deneyim yaratır ve kaliteyi artırmaz.
Örneğin alt metin yazımıyla ilgili bir sayfada, bir CMS görsel ayar panelini gösteren ekran görüntüsü için “Bir görsele alt metin ekleme alanı bulunan CMS paneli” gibi bir alt metin uygun olabilir. Bu ifade faydalı, doğal ve konuyla ilişkilidir.
Aynı bilgi zaten bir açıklamada, başlıkta veya çevredeki paragrafta yer alıyorsa, alt metnin bunu birebir tekrar etmesi gerekmez. Amaç değer katmak, içeriği gereksiz yere yinelemek değildir.
Her görselin yazılı bir açıklamaya ihtiyacı yoktur. Bir görsel tamamen dekoratifse ve anlam katmıyorsa, yardımcı teknolojilerin bunu atlayabilmesi için boş alt metin kullanılmalıdır. Bu, ekran okuyucu kullanan kişiler için gereksiz gürültüyü azaltır.
Dekoratif arka planlar, soyut ayırıcılar ve yalnızca görsel amaçla kullanılan simgeler genellikle bu gruba girer.
Nereden başlayacağınızdan emin değilseniz, şu hızlı yaklaşımı kullanın:
Pek çok durumda doğru soru “Bu görsel nasıl görünüyor?” değil, “Bu görsel burada ne işe yarıyor?” olur.
Görsel: Sorunları ve düzeltmeleri gösteren bir web sitesi erişilebilirlik paneli ekran görüntüsü.
Kötü alt metin: “panel”
Daha iyi alt metin: “Tespit edilen sorunları ve önerilen düzeltmeleri gösteren web sitesi erişilebilirlik paneli”
İyileştirilmiş sürüm gerçek bağlam sunar ve görselin neden önemli olduğunu açıklar.
Görsel: Kullanıcıyı ana sayfaya döndüren tıklanabilir bir logo.
Kötü alt metin: “mavi ve yeşil şirket logosu”
Daha iyi alt metin: “Corpowid ana sayfa”
Görsel bir bağlantı işlevi gördüğü için alt metin hedefi veya işlevi yansıtmalıdır.
Görsel: Hero alanının arkasında kullanılan bir arka plan deseni.
Kötü alt metin: “soyut kıvrımlı arka plan tasarımı”
Daha iyi alt metin: Boş alt metin
Görsel bilgi değeri taşımıyorsa, genellikle yardımcı teknolojiler tarafından atlanmalıdır.
Görsel: Toplantıda web sitesi sorunlarını inceleyen bir uyumluluk ekibinin fotoğrafı.
Kötü alt metin: “ofiste insanlar”
Daha iyi alt metin: “Toplantıda web sitesi erişilebilirlik sorunlarını inceleyen uyumluluk ekibi”
Daha iyi sürüm, sayfanın bağlamını ve görselin neden ilgili olduğunu yansıtır.
Görsel: Bir çerez onayı ayar panelinin ekran görüntüsü.
Kötü alt metin: “ayarlar”
Daha iyi alt metin: “Web sitesi gizlilik kontrollerini yönetmek için çerez onayı ayar paneli”
Bu kullanım hem erişilebilirlik değeri hem de anlamlı sayfa bağlamı sağlar.
“how to write alt text accessibility SEO alt text example” gibi alt metinler kullanıcılar için faydalı değildir. Doğal olmayan bir şekilde okunur ve kullanıcı deneyimini zayıflatır.
Ekran okuyucular zaten görselleri duyurduğu için “görseli” veya “fotoğrafı” gibi ifadeler çoğu zaman gereksizdir. Bu alanı asıl açıklama için kullanmak daha iyidir.
Her görsel öğe açıklayıcı alt metne sahip olduğunda, ekran okuyucu kullanıcıları gereksiz içerikleri dinlemek zorunda kalabilir. Dekoratif görsellerde genellikle boş alt metin kullanılmalıdır.
“grafik”, “fotoğraf” veya “ikon” gibi terimler tek başına genellikle yeterli değildir. Kullanıcıya görselde neyin önemli olduğunu söylemezler.
Aynı görsel, bulunduğu yere göre farklı alt metin gerektirebilir. Bir grafik, ekran görüntüsü veya ürün görseli, o sayfadaki rolüne göre açıklanmalıdır.
Alt metin, erişilebilir içerik yayınlamanın temel unsurlarından biridir. Kapsayıcı kullanıcı deneyimlerini destekler ve ekiplerin web siteleri, landing page’ler, bloglar ve ürün içerikleri genelinde tutarlı biçimde yönetmesi gereken birçok ayrıntıdan biridir.
WCAG 2.2, ADA, EAA veya daha geniş dijital uyumluluk hazırlığı üzerinde çalışan kurumlar için alt metin, tek seferlik bir düzeltme değil; sürekli bir sürecin parçası olarak ele alınmalıdır. Bu da içerik standartlarını, teknik kontrolleri ve düzenli izlemeyi bir araya getirmek anlamına gelir.
Erişilebilirlik iş yükü büyüdükçe, ekipler çoğu zaman yalnızca manuel incelemelerden fazlasına ihtiyaç duyar. Corpowid, erişilebilirlik, çerez onayı ve yasal uyumluluğu tek bir yapay zeka platformunda birleştirmeye odaklanır; böylece ekipler dijital uyumluluk ihtiyaçlarını tek bir yerden denetleyebilir, düzeltebilir ve izleyebilir. Erişilebilirlikte tekrar eden işleri otomasyonla nasıl azaltabileceğinizi de araştırıyorsanız, AI Agents Are Here: How Autonomous AI Will Quietly Take Over Your Accessibility To-Do List içeriğine göz atabilirsiniz.
Alt metin, arama motorlarının görsel içeriğini ve sayfa alakasını anlamasına yardımcı olabilir; ancak sıralama için bir kısayol değildir. En iyi sonucu, daha geniş bir içerik ve teknik kalite stratejisinin parçası olduğunda verir.
İyi alt metin, görsel arama görünürlüğünü destekleyebilir ve konu alakasını güçlendirebilir. Ancak zayıf sayfa yapısını, yetersiz içeriği veya kötü teknik performansı telafi edemez.
Bu nedenle erişilebilirlik ve SEO çoğu zaman birlikte daha iyi çalışır. Anlaması, gezinmesi ve yönetmesi daha kolay bir site; hem kullanıcılar hem de arama motorları için genellikle daha güçlüdür.
Ekibinizin bilgilendirici, işlevsel ve dekoratif görselleri nasıl ele alacağını belgeleyin. Ortak bir standart, sayfalar ve içerik üreticileri arasında tutarsızlığı azaltır.
Alt metni sonradan düşünülen bir detay olarak bırakmayın. Yayın öncesinde ele alınması için içerik üretimi, tasarım teslimi ve QA süreçlerine dahil edin.
Pek çok alt metin sorunu, tekrar eden bileşenlerden, CMS varsayılanlarından veya tasarım kalıplarından kaynaklanır. Bu alanları standartlaştırmak, aynı anda birçok sayfada kaliteyi iyileştirebilir.
Otomatik araçlar eksik alt metinleri ve diğer tekrar eden erişilebilirlik sorunlarını tespit etmeye yardımcı olabilir. Ancak kaliteyi ve bağlamı değerlendirmek için insan incelemesi hâlâ gereklidir.
Dijital uyumluluğa daha geniş açıdan bakan ekipler için bu tür iş akışı yaklaşımı, onay ve gizlilik kontrolleri için de geçerlidir. İlgili bir örneği How to Run a Cookie Audit on Your Website in 5 Steps içeriğinde görebilirsiniz.
Bazı görseller, yalnızca kısa bir alt niteliğiyle aktarılmayacak kadar karmaşık bilgi içerir. Grafikler, infografikler ve detaylı diyagramlar için, tüm kullanıcıların aynı bilgiye erişebilmesi adına çevredeki içerikte ek açıklamalar gerekebilir.
Bu gibi durumlarda alt metin görseli kısaca tanımlamalı, daha kapsamlı açıklama ise sayfanın kendisinde yer almalıdır.
Alt metnin nasıl iyi yazılacağını öğrenmek istiyorsanız, temel kural basittir: önce insanlar için yazın. Görseli, onu göremeyen bir kişinin sayfadaki amacını anlayabileceği şekilde açıklayın.
Alt metin faydalı, kısa ve bağlama duyarlı olduğunda, aynı anda hem erişilebilirliği iyileştirir hem de SEO’yu destekler. Dijital ekipler için bu, bir web sitesinde uygulanabilecek en yüksek değerli küçük iyileştirmelerden biridir.
Alt metin daha geniş bir erişilebilirlik ve uyumluluk iş akışının parçası olduğunda ise site büyüdükçe kaliteyi tutarlı biçimde korumak daha kolay hale gelir.
Hayır. Bilgilendirici ve işlevsel görseller alt metne sahip olmalıdır. Dekoratif görsellerde ise ekran okuyucuların bunları atlayabilmesi için genellikle boş alt metin kullanılmalıdır.
Mümkün olduğunca kısa, ama aynı zamanda açık ve faydalı olmalıdır. Çoğu alt metin için kısa bir ifade veya cümle en iyi sonucu verir.
Evet, arama motorlarının görsel içeriğini ve sayfanın alakasını anlamasına yardımcı olabilir. Ancak öncelikli amacı anahtar kelime doldurmak değil, erişilebilirlik olmalıdır.
Alt metin esas olarak erişilebilirlik içindir ve gerektiğinde yardımcı teknolojiler tarafından okunur. Görsel açıklaması ise sayfada görünür ve tüm kullanıcılar için hazırlanır.
İşlevsel görsellerde eylemi veya hedefi açıklayın. Görselin nasıl göründüğünden çok ne yaptığını anlatmaya odaklanın.
Denetim öncesinde ekiplerin gözden geçirmesi gereken 15 erişilebilirlik sorununu kapsayan pratik bir WCAG 2.2 kontrol listesi: klavye erişimi ve odak görünürlüğünden formlara, hedef boyutlarına ve kimlik doğrulama akışlarına kadar.
2026’da web sitelerini erişilebilir hale getirmesi gereken dijital, uyumluluk ve gizlilik ekipleri için; WCAG 2.2, ADA ve daha geniş dijital uyumluluk hedeflerini destekleyen, tekrarlanabilir bir sürece dayalı pratik rehber.
Corpowid, dijital erişilebilirlik alanındaki yenilikçi yaklaşımı ve performansı nedeniyle dünyanın önde gelen araştırma ve danışmanlık şirketlerinden biri olan Gartner tarafından takdir edilmiştir. Bu rozetler, yapay zeka destekli ve kapsayıcı web deneyimleri oluşturma konusundaki kararlılığımızı yansıtmaktadır.
EN
