Alt Metni

TL;DR — Alt metin, görseli göremeyen kişilerin — ve arama motorlarının — görselin ne işe yaradığını anlayabilmesi için görsele eklediğiniz kısa bir metin alternatifidir. Bunu <img> öğesindeki alt özniteliğiyle eklersiniz. Erişilebilirliğin bileşenlerinden biridir (tek başına tam uyumluluğu garanti etmez) ve görsellerinizin görsel aramada görünmesine yardımcı olur. Yalnızca görselin ne gösterdiğini değil, o sayfada ne işe yaradığını açıklayın; anahtar kelime doldurmayın; tamamen dekoratif görseller için boş alt="" kullanın; yalnızca simgeden oluşan düğmeler ve bağlantılı görseller içinse eylemi veya hedefi açıklayın.

Alt metni nedir

Bir web sayfasına görsel eklediğinizde kod şöyle görünür:

<img src="dalmatian-puppy.jpg" alt="Dalmatian puppy playing fetch in a park">

Bu alt="..." kısmı alt metindir — alternatif metnin kısaltması. Görsel için yazılı bir yedektir: resmin ne gösterdiğinin veya ne yaptığının kısa bir açıklaması. Görsel görülemiyorsa, onun yerine alt metin kullanılır.

İnsanların buna çoğu zaman “alt etiketi” dediğini duyarsınız. Bu yaygın isimdir, ancak tam olarak doğru değildir — <img> etikettir ve alt onun bir özniteliğidir. Burada “alt metni” ve “alt özniteliği” terimlerini kullanacağım, ancak “alt etiketi” derseniz herkes ne demek istediğinizi anlar.

İyi bir alt metin, sabit bir açıklama şablonuna dayanmaz — yalnızca görselde ne bulunduğuna göre değil, görselin söz konusu sayfada ne işe yaradığına göre seçilir. Aynı fotoğraf, ne iletmek için kullanıldığına ve çevresindeki metnin zaten ne söylediğine bağlı olarak başka bir yerde farklı bir alt metin (veya hiç metin içermeyen bir alt özniteliği) gerektirebilir.

Neden önemlidir

Alt metni iki önemli iş yapar:

• Erişilebilirlik. Kör veya az gören kişiler, sayfaları sesli okuyan ekran okuyucular kullanır. Ekran okuyucu bir görselle karşılaştığında alt metni okur. Alt metin yoksa kullanıcıya yararlı hiçbir bilgi ulaşmaz — daha da kötüsü, ekran okuyucu görselin dosya adını duyurabilir. Bu yalnızca olsa iyi olur türünden bir özellik değildir: eksik alt metin, web sitesi erişilebilirliğiyle ilgili davalarda en sık işaretlenen sorunlardan biridir.
• Görsel SEO’su. Arama motorları bir resmi sizin gibi “göremez”. Alt metin, Google ve Bing’e bir görselin ne hakkında olduğunu bildirmenin başlıca yoludur; bu da görsellerinizin görsel aramada görünmesine yardımcı olur.

İyi alt metni nasıl yazılır

Birkaç basit kural:

• Sayfanızın bağlamını dikkate alarak görselde gerçekten ne olduğunu açıklayın. “Parkta getir götür oynayan Dalmaçyalı yavru köpek” iyi bir örnektir. “yavru köpek yavru pup yavru köpekler” ise anahtar kelime doldurmadır — bunu yapmayın.
• “Görsel” veya “Fotoğraf” diye başlamayın. Arama motorları ve ekran okuyucular bunun zaten bir görsel olduğunu bilir. Doğrudan açıklayın.
• Kısa tutun. Bir ifade veya bir cümle yeterlidir. Paragraf yazmanız gerekmez.
• Dekoratif görseller için boş alt="" kullanın. Görsel yalnızca bir ayırıcı çizgiyse veya bilgi katmayan bir arka plan süsüyse ona alt="" verin (tırnakların arasını boş bırakın). Bu, ekran okuyuculara görseli atlamalarını söyler. alt özniteliğini tamamen atlamayın — bu aslında daha kötüdür. Ölçüt şudur: Görsel, sayfanın başka bir yerde zaten ilettiğinin ötesinde bilgi eklemiyorsa dekoratiftir.
• Yalnızca simgeden oluşan düğme ve kontrollerde simgeyi değil, eylemi açıklayın. Büyüteç simgeli bir arama düğmesinde alt="Search" yazmalı, alt="Magnifying glass" yazmamalıdır — kullanıcının kontrolü etkinleştirdiğinde ne olacağını bilmesi gerekir.

Çoğu insanın yanlış yaptığı şey

Alt metin çoğunlukla normal web araması sıralamalarına değil, görsel aramaya yardımcı olur. Birçok rehber, görsellerinize alt metin eklemenin sayfanızın normal arama sonuçlarındaki sırasını yükselteceğini ima eder. Aslında sistem böyle çalışmaz — Google’dan John Mueller bunu birçok kez belirtti. Alt metin, görsellerinizin görsel aramada bulunmasına yardımcı olur ve sayfaya az miktarda metin ekler; ancak web araması için sihirli bir sıralama aracı değildir.

Kesin ayrıntıları — Google’ın tam alıntılarını, görsel arama ile web araması arasındaki ayrımı, dekoratif ve bağlantılı görselleri ve eksik alt metni geniş ölçekte nasıl bulacağınızı — mı istiyorsunuz? Gelişmiş sekmesine geçin.

TL;DR — Alt metin, bir <img> öğesindeki alt özniteliğinin değeridir — HTML’in gerektirdiği, erişilebilirlik için zorunlu olan ve arama açısından görsellerle ilgili en önemli meta veri parçasıdır. Çoğu rehberin yanlış aktardığı ayrıntı şudur: öncelikle web araması sıralamalarını değil, görsel aramayı etkiler (Mueller bunu defalarca belirtti). Google alt metni bilgisayarlı görü ve sayfa bağlamıyla birlikte okur; bu nedenle yalın bir betimleme değil, bağlam sunacak şekilde yazın. Anahtar kelime doldurmayın, “görsel” diye başlamayın ve dekoratif görseller için eksik bir öznitelik yerine alt="" kullanın. Bağlantılı bir görselde alt metin çapa metni işlevi görür. Google’ın karakter sınırı yoktur; 155 karakter bir yazım kılavuzudur. Eksik alt özniteliği, web’deki en yaygın teknik sorundur — sitelerin %80,4’ünde en az bir tane vardır.

Alt metninin gerçekte ne olduğu

Alt metin, bir HTML <img> öğesindeki alt özniteliğinin değeridir:

<img src="dalmatian-puppy.jpg" alt="Dalmatian puppy playing fetch">

Görselin yerine geçen kısa bir metindir — ekran okuyucu kullanıcıları, tarayıcılar ve görseller devre dışı bırakıldığında ya da yüklenemediğinde web tarayıcıları için kullanılır. Terminolojiyle ilgili önemli bir not: Buna çoğu zaman “alt etiketi” denir, ancak bu yanlış bir adlandırmadır. Etiket <img>’dir; alt ise bu etiketteki bir özniteliktir. Bu ad o kadar yerleşmiştir ki onunla mücadele etmeyeceğim; ancak kesin terim alt özniteliği, özniteliğin içindeki metin ise alt metindir.

alt özniteliği, HTML spesifikasyonuna göre <img> öğelerinde zorunludur. Tamamen atlanması bir uyumluluk hatasıdır. Boş bir değer (alt="") geçerli ve anlamlıdır — dekoratif bir görseli işaretlemenin doğru yoludur (aşağıda daha fazlası).

Ne yazılacağını belirlemek, evrensel bir açıklama tarifini uygulamak değildir. Doğru alt metin, çerçevede bulunanların harfiyen dökümüne değil, görselin sayfanın o belirli noktasındaki amacına bağlıdır. Aynı görsel, bulunduğu yere ve çevresindeki içeriğin zaten aktardıklarına göre haklı olarak farklı bir alt metin (veya boş bir değer) gerektirebilir; bağlamdan bağımsız tek bir “doğru” açıklama yoktur.

Alt metninin iki ayrı SEO görevi vardır — ve bunlardan biri abartılıyor

Çoğu “SEO için alt metin” rehberinin bulanıklaştırdığı ayrım budur; bu sayfanın asıl değeri de burada yatar. Alt metin, arama açısından iki farklı iş yapar:

1. Sayfaya metin ekler. Google, alt metni sayfadaki metnin bir parçası olarak değerlendirir. Mueller: “The alt text is essentially shown when the images are turned off in most browsers, so that’s something that we would count as part of the on-page text.” (Türkçe çeviri) “Alt metin, çoğu tarayıcıda görseller kapatıldığında gösterilir; bu nedenle onu sayfa üzerindeki metnin bir parçası olarak değerlendiririz.” Bu gerçek bir etkidir, ancak küçüktür.

2. Bir görselin ne hakkında olduğunu bildirir — görsel arama için. Birincil görevi budur. Google’ın kendi dokümantasyonu, görsel meta verisi sağlama konusunda alt metni “the most important attribute” (Türkçe çeviri) “en önemli öznitelik” olarak nitelendirir; Mueller da etkisini görsel arama bağlamında açıklar: “if someone is searching in Google Images for something that kind of matches the alt text, then we can use that to understand that your image is relevant.” (Türkçe çeviri) “bir kişi Google Görseller’de alt metinle kabaca eşleşen bir şey arıyorsa görselinizin ilgili olduğunu anlamak için bunu kullanabiliriz.”

Özümsenmesi gereken nokta şudur: Alt metin eklemek, yalnızca görseller içerdiği için bir sayfanın web aramasında daha üst sıralara çıkmasını sağlamaz. Mueller bunu doğrudan ifade etti: “It’s not the case that we would say a textual webpage has more value because it has images. It’s really just we see the alt text and we apply that to the image, and if someone searches for the image we can use that to better understand the image.” (Türkçe çeviri) “Görseller içerdiği için metin ağırlıklı bir web sayfasının daha değerli olduğunu söylemeyiz. Alt metni görür, onu görsele uygular ve biri görseli aradığında görseli daha iyi anlamak için kullanırız.”

Dolayısıyla hedefiniz görsel aramada görünürlük (ve bunun getirdiği yönlendirme trafiği) ise alt metin çok önemlidir. Alt metnin tek başına mavi bağlantılı web sonuçlarındaki sıralamanızı yükseltmesini bekliyorsanız yanlış aracı kullanıyorsunuz. JavaScript SEO yazımda da aynı noktayı belirtiyorum: Web araması açısından alt metin sayfa metninin bir parçası sayılır, ancak önemi çoğu zaman abartılır — asıl getirisi görsel arama ve erişilebilirliktir.

Google’ın kullandığı tek sinyal bu değil

Alt metin tek başına değerlendirilmez. Google: “Google uses alt text along with computer vision algorithms and the contents of the page to understand the subject matter of the image.” (Türkçe çeviri) “Google, görselin konusunu anlamak için alt metni bilgisayarlı görü algoritmaları ve sayfa içeriğiyle birlikte kullanır.” Bilgisayarlı görü, görüntünün bir plaj olduğunu zaten anlayabilir. Alt metnin görevi, modelin çıkaramayacağı şeyi — bağlamı — aktarmaktır: Bu görsel neden bu sayfada ve burada ne anlama geliyor? Mueller’ın 2024’teki tavsiyesi bu yüzden yerindedir: “photo of a beach” üreten bir yapay zekâ pikselleri teknik olarak betimler, ancak fırsatı boşa harcar; çünkü “the alt-text is unique in that it’s what directly connects the image to the page with context.” (Türkçe çeviri) “alt metin, görseli bağlam içinde doğrudan sayfaya bağlayan unsur olması bakımından benzersizdir.” Aynı plaj fotoğrafı; sörf sayfasında, emlak ilanında ve iklimle ilgili bir makalede farklı alt metinler gerektirebilir. Evidence for this claim Google uses alt text together with page content and computer vision to understand an image's subject matter. Scope: Google Images alt-text guidance. Confidence: high · Verified: 2026-07-14 Google Search Central: Image SEO

Erişilebilirlik — ve yasal riskler

Alt metin bir SEO varlığı olmadan önce erişilebilirlik gereksinimidir. WCAG 2.x Başarı Ölçütü 1.1.1 (Metin Dışı İçerik), A Düzeyi, metin dışı içerik için bir metin alternatifi gerektirir. Ekran okuyucu kullanıcıları buna güvenir; alt metin olmadan görsel, sayfada bilgi vermeyen bir boşluğa dönüşür ve alt özniteliğinin atlanması bazı ekran okuyucuların ham dosya adını duyurmasına yol açabilir.

Bu, düzinelerce başarı ölçütünden yalnızca biridir. Alt metni doğru yazmak, görselleriniz için 1.1.1’i karşılar, ancak tek başına bir sayfa veya site için tam WCAG uyumluluğu — veya ADA uyumluluğu — sağlamaz. Bunlar başka ölçütlere de bağlıdır (renk kontrastı, klavye erişimi, form etiketleri, başlık yapısı ve daha fazlası). Alt metni erişilebilirliğin gerekli bir parçası olarak ele alın, tamamı olarak değil.

Bunun hukuki sonuçları vardır. Eksik alt öznitelikleri, ABD’de her yıl binlercesi açılan ADA web sitesi erişilebilirliği davalarında düzenli olarak gerekçe gösterilir. JavaScript SEO rehberimde belirttiğim gibi, “missing alt attributes are an accessibility issue, which may turn into a legal issue.” (Türkçe çeviri) “eksik alt öznitelikleri bir erişilebilirlik sorunudur ve hukuki bir soruna dönüşebilir.” Bu, düzeltmenin önceliğini yeniden çerçevelendirir: önce bir uyumluluk eylemi, sonra bir SEO eylemidir. SEO tarayıcılarının (Ahrefs Site Audit dahil) eksik alt özniteliklerini teknik sorun olarak işaretlemesinin nedeni de budur.

İşe yarayan alt metin nasıl yazılır

• Açıklamayla değil, bağlamla başlayın. Yalnızca görselde ne bulunduğunu değil, görselin sayfa açısından ne anlama geldiğini açıklayın. Mueller, görsel arama hakkında: “you don’t necessarily need to describe exactly what is in the image, but rather kind of like what this image means for your particular page.” (Türkçe çeviri) “görselde tam olarak ne bulunduğunu açıklamanız şart değildir; asıl açıklamanız gereken, bu görselin ilgili sayfa için ne ifade ettiğidir.”
• “Image of” / “Photo of” diye başlamayın. Google’dan Lizzi Sassman: “We already are aware that it’s an image. You don’t need to say, ‘It’s an image of’ and then the thing.” (Türkçe çeviri) “Bunun bir görsel olduğunu zaten biliyoruz. “Bu, … görselidir” diyerek başlamanıza gerek yok.” Açıklayıcı bir ifade yeterlidir — tam bir cümle olması gerekmez.
• Anahtar kelimeleri doğal biçimde kullanın, asla doldurmayın. Google: “focus on creating useful, information-rich content that uses keywords appropriately and is in context.” (Türkçe çeviri) “anahtar kelimeleri uygun ve bağlamla uyumlu biçimde kullanan, yararlı ve bilgi bakımından zengin içerik oluşturmaya odaklanın.” Uyarısı da şöyledir: “Avoid filling alt attributes with keywords… as it results in a negative user experience and may cause your site to be seen as spam.” (Türkçe çeviri) “alt özniteliklerini anahtar kelimelerle doldurmayın; bu, olumsuz bir kullanıcı deneyimi yaratır ve sitenizin spam olarak görülmesine yol açabilir.” Gary Illyes bunu açıkça ifade etti: Alt metin “shouldn’t be what you want to rank for, but what’s in the image.” (Türkçe çeviri) “sıralama almak istediğiniz ifade değil, görselde ne olduğu yazılmalıdır.”
• Çevresindeki paragrafı alt metne kopyalamayın. Mueller: “I wouldn’t just blindly copy and paste the same text that you already have on a page as an alt text.” (Türkçe çeviri) “Sayfada zaten bulunan aynı metni düşünmeden kopyalayıp alt metin olarak yapıştırmazdım.” alt özniteliği, metni yinelemek için değil, özgün bağlam eklemek için bir fırsattır.
• Google’ın karakter sınırı yoktur. Mueller: “we don’t have any guidelines with regards to how long your alt text can be.” (Türkçe çeviri) “alt metnin ne kadar uzun olabileceğine ilişkin bir yönergemiz yok.” Yaygın biçimde anılan “125 karakter” sınırı erişilebilirlik araçlarından gelir; Google Developer Style Guide ise 155 karakter veya daha azını katı bir sınır olarak değil, yazım kılavuzu olarak önerir. Uzun açıklamalar Google tarafından kesildiği için değil, ekran okuyucu kullanıcılarının okuma akışını böldüğü için kısa yazın.
• Tekrarlanan görsellerde tutarlı alt metin kullanın. Aynı görsel birden fazla yerde görünüyorsa aynı alt metni verin.

Dekoratif görseller: alt="", eksik alt değil

Tamamen dekoratif görseller için — ayraçlar, bölücüler, bilgi taşımayan arka plan süslemeleri — doğru desen boş bir alt özniteliğidir:

<img src="divider.svg" alt="">

alt="", yardımcı teknolojiye görselin dekoratif olduğunu ve atlanması gerektiğini bildirir. Bu, özniteliği tamamen atlamakla aynı şey değildir. alt özniteliğini tamamen atlamak HTML spesifikasyonuna aykırıdır ve bazı ekran okuyucuların dosya adını sesli okumasına yol açabilir. Dolayısıyla dekoratif görsellerde alt="" (öznitelik mevcut, değer boş) kullanılmalı; öznitelik eksik bırakılmamalı ve açıklama yazılmamalıdır. JavaScript SEO rehberimde belirttiğim gibi, ana içerik görsellerinin alt metinlerini düzeltin; yer tutucu veya dekoratif görsellerin alt metnini ise boş bırakabilirsiniz (yani alt="").

“Dekoratif” testi: görsel, sayfanın başka bir yerinde — çevreleyen metinde, bir altyazıda veya sayfanın yapısında — zaten iletilmeyen bir bilgi ekliyor mu? Eğer eklemiyorsa (bir ayraç, zaten aynı şeyi söyleyen metnin yanında tekrarlanan bir simge, tamamen görsel dolgu olarak kullanılan bir stok fotoğraf), dekoratiftir ve alt="" alır. Eğer sayfadaki başka hiçbir şeyin sağlamadığı bir bilgi ekliyorsa, ne kadar küçük veya stilistik görünürse görünsün dekoratif değildir.

İşlevsel görseller: simgeyi değil, eylemi tanımlayın

Bazı görseller ne tamamen dekoratiftir ne de basit bir bilgilendirici resimdir — bunlar kontrollerdir: yalnızca simge içeren bir arama düğmesi, bir hamburger menü simgesi, bir video küçük resmindeki oynat düğmesi. Bunlar için alt metin, kontrolü etkinleştirmenin ne yaptığını tanımlamalıdır, simgenin neye benzediğini değil.

<!-- Weak: describes the icon -->
<button><img src="magnifying-glass.svg" alt="Magnifying glass icon"></button>

<!-- Better: describes the action -->
<button><img src="magnifying-glass.svg" alt="Search"></button>

“Büyüteç simgesi” duyan bir ekran okuyucu kullanıcısı, kontrolü etkinleştirirlerse ne olacağını bilmez; “Ara” onlara hemen söyler. Bu, aşağıdaki bağlantılı görsellerin arkasındaki aynı ilkedir — alt metin, görselin sayfadaki işlevine hizmet eder — ancak bir <a> söz konusu olmasa bile geçerlidir.

Bağlantılı görseller: alt metin çapa metni olur

Bir görsel bir bağlantıysa — bir <a> içine sarılmışsa — alt metni, o bağlantının çapa metni olarak işlev görür. Google: “Alt text in images is useful as anchor text if you decide to use an image as a link.” (Türkçe çeviri) “Bir görseli bağlantı olarak kullanırsanız görselin alt metni bağlantı metni olarak yararlıdır.” (çeviri) «Görsellerdeki alt metin, bir görseli bağlantı olarak kullanmaya karar verirseniz çapa metni olarak yararlıdır.» Yalnızca görsel içeren ve boş alt metne sahip bir bağlantı, boş bir çapa metnine eşdeğerdir; bu hem erişilebilirlik (ekran okuyucu hedefi tanımlayamaz) hem de bağlantı sinyali için kötüdür. Bağlantılı bir görsel için alt metin, bağlantının nereye gittiğini tanımlamalıdır, yalnızca resmin ne gösterdiğini değil.

Bunu tam olarak kapsamlandırın: Google’ın belgelediği şey, özellikle alt metnin taranabilir bir bağlantı için çapa metni olarak kullanılmasıyla ilgilidir. Bu, tarayıcıların ve yardımcı teknolojinin kullandığı, aynı zamanda aria-label, aria-labelledby veya çevreleyen bağlantı metninden de çekebilen tam “erişilebilir ad” hesaplamasından daha dardır — alt metin, bu daha geniş hesaplamanın bir girdisidir, tamamı değil.

SVG’ler farklıdır

Satır içi <svg> öğeleri alt özniteliği almaz — bu öznitelik <img> içindir. Satır içi bir SVG’ye erişilebilir bir ad vermek için aria-labelledby ile başvurulan bir <title> öğesi kullanın:

<svg role="img" aria-labelledby="logo-title">
  <title id="logo-title">Acme Corp logo</title>
  <!-- paths… -->
</svg>

(<img src="logo.svg"> aracılığıyla referans verilen bir SVG, diğer tüm görseller gibi normal bir alt özniteliği kullanır — bu yalnızca satır içi SVG işaretlemesi için geçerlidir.)

Kaçınılması gereken anti-desenler

• Anahtar kelime doldurma — Google’ın açıkça uyardığı spam sinyali.
• Çevredeki paragrafı alt özniteliğine kelimesi kelimesine kopyalamak.
• “Image of” / “Photo of” ile başlamak — gereksizdir.
• Dekoratif görsellerde alt="" kullanmak yerine alt özniteliğini atlamak.
• Sayfa bağlamını yok sayan, yapay zekâ üretimi “photo of X” açıklamaları.
• Boş alt özniteliklerine şirket adını koymak. Mueller bu konuda açık konuştu: “It makes no sense, it seems like a waste of time to me: once wasted time to implement, and again wasted time to clean up later on.” (Türkçe çeviri) “Bunun hiçbir anlamı yok; bana göre zaman kaybı: önce uygulamak için, sonra temizlemek için yeniden zaman harcanıyor.”
• alt ile title özniteliğini karıştırmak. title özniteliği, üzerine gelindiğinde bir araç ipucu gösterir; alt metin değildir ve SEO ya da erişilebilirlik açısından çok az ağırlık taşır.

Eksik alt metni bulma ve düzeltme

Eksik alt öznitelikleri bir uç durum değil — web’in varsayılan başarısızlık durumudur. site denetim çalışmamızda bir milyondan fazla alan adını inceledik ve sitelerin %80,4’ünde en az bir sayfada eksik alt özniteliği vardı, bu da onu bulduğumuz en yaygın teknik SEO sorunu yapıyor.

Bunları bulmak için:

• Ahrefs Site Audit → Images raporu, siteniz genelinde alt özniteliği eksik görselleri işaretler. (Ahrefs Webmaster Tools, doğruladığınız siteler için bunu ücretsiz sunar.)
• Manuel nokta kontrolleri — önemli içerik görsellerinde öğeyi inceleyin veya bir tarayıcı erişilebilirlik uzantısı kullanın.

Bunları düzeltirken öncelik sırası:

1. Önce ana içerik görselleri — anlam taşıyan ve görsel arama trafiği kazanabilecek olanlar.
2. Bağlantılı görseller — burada boş alt metin iki kat maliyetlidir (çapa metni + erişilebilirlik).
3. Dekoratif görseller en son — ve çözüm alt="" şeklindedir, bir açıklama değil.

Beklentiler hakkında bir not: SearchPilot’ın alt metin ekleme üzerine yaptığı bölünmüş testler, web sıralamaları için sonuçsuz / istatistiksel olarak anlamlı değil — yukarıdaki alt metnin getirisinin görsel arama ve erişilebilirlikte olduğu, web sıralaması artışı olmadığı noktasıyla tutarlı. Mueller’ın sıfır kapsamdan başlayan siteler için güvencesi de şudur: “if you’re just adding alt text for the first time, then sometimes, even any alt text is better than nothing.” (Türkçe çeviri) “Alt metni ilk kez ekliyorsanız bazen herhangi bir alt metin hiç yoktan iyidir.”

Açık olmak gerekirse: Bu yazıda hiçbir şey, alt metni düzeltmenin sıralamaları, trafiği veya AI arama alıntılarını belirli bir miktarda hareket ettireceğine dair bir garanti vermiyor — hiçbir incelenen resmi kaynak bu sözü vermiyor ve yukarıdaki bölünmüş test kanıtı sonuçsuz. Alt metnin güvenilir olarak yaptığı şey, bir erişilebilirlik açığını kapatmak ve Google’ın Görsel Arama algoritmasına açıkça kullandığını söylediği meta verileri sağlamaktır.

Daha büyük resim için — dosya adları, görsel site haritaları, yavaş yükleme, biçimler ve duyarlı görseller — bu makalenin altında yer aldığı daha geniş görsel SEO merkezine bakın.

AI özeti

Gelişmiş sürümün kısa bir özeti:

• Ne olduğu: Alt metin, bir <img> öğesindeki alt özniteliğinin değeridir — piksellerin birebir envanteri değil, görselin amacı ve bağlamı için seçilen kısa bir metin alternatifidir. HTML gereği zorunludur. Yaygın olarak yanlışlıkla “alt etiketi” diye adlandırılır (<img> etikettir; alt özniteliktir).
• İki SEO görevi vardır; biri abartılır: (1) Sayfaya metin ekler — gerçek ama sınırlı bir etkidir; (2) görselin ne hakkında olduğunu görsel arama için bildirir — birincil değeri budur. Alt metin eklemek, yalnızca sayfada görseller bulunduğu için web sıralamalarını yükseltmez (Mueller’ın defalarca belirttiği gibi) ve incelenen hiçbir resmi kaynak, eklenmesi sonucunda belirli bir sıralama, trafik veya yapay zekâ atfı vaat etmez.
• Tek sinyal değildir: Google alt metni bilgisayarlı görü ve sayfa bağlamıyla birlikte okur. Bu nedenle yalın bir “photo of a beach” açıklaması yerine bağlamı — görselin neden bu sayfada olduğunu — aktaracak şekilde yazın.
• Erişilebilirlik + hukuk: WCAG 1.1.1 (A Düzeyi) bir metin alternatifi gerektirir; eksik alt özniteliği ADA davalarında sık karşılaşılan bir konudur. Ancak 1.1.1, düzinelerce ölçütten yalnızca biridir — alt metin tek başına bir sayfanın veya sitenin tam WCAG ya da ADA uyumluluğunu sağlamaz. Önce uyumluluk, sonra SEO.
• Yazım kuralları: Bağlamla başlayın; “image of” diye başlamayın; anahtar kelimeleri doğal biçimde kullanın (doldurma ve sabit formül yok); çevredeki paragrafı kopyalamayın; Google’ın karakter sınırı yoktur (155 karakter katı bir sınır değil, stil kılavuzundaki yazım hedefidir).
• Dekoratif görseller: alt="" kullanın (öznitelik mevcut, değer boş) — özniteliği atlamayın ve açıklama yazmayın. Ölçüt: Görsel, sayfanın başka bir yerde zaten iletmediği bilgi ekliyor mu? Eklemiyorsa dekoratiftir.
• İşlevsel görseller: Yalnızca simgeden oluşan düğme ve kontrollerde (arama simgesi, hamburger menü) simgenin görünümünü değil, eylemi açıklayan alt metin kullanılır.
• Bağlantılı görseller: Alt metin, taranabilir bir bağlantının çapa metni işlevi görür — bu, yardımcı teknolojilerin kullandığı tam “erişilebilir ad” hesaplamasından daha dar bir kapsamdır.
• SVG: Satır içi SVG’lerde alt yerine <title> + aria-labelledby kullanılır.
• Kaçınılması gerekenler: Anahtar kelime doldurmak, boş alt özniteliğine şirket adı koymak (Mueller: “a waste of time”), alt ile araç ipucu gösteren title özniteliğini karıştırmak.
• Sorunun ölçeği: Sitelerin 80,4%‘ünde en az bir eksik alt özniteliği vardır — web’deki en yaygın teknik sorundur. Ahrefs Site Audit’in Images raporuyla denetleyin; önce içerik görsellerini, en son dekoratif görselleri (alt="") düzeltin.

Resmi dokümantasyon

Arama motorlarından birincil kaynak dokümantasyonu.

Google

• Google Görseller en iyi uygulamalar — temel referans: alt metin “en önemli öznitelik” olarak, anahtar kelime doldurma uyarısı, görsel-bağlantı çapa metni ve iyi/kötü örnekler.
• SEO Başlangıç Kılavuzu — açıklayıcı alt metin — alt metin, “görsel ile içeriğiniz arasındaki ilişkiyi açıklayan” metin olarak.
• Geliştirici Dokümantasyon Stil Rehberi — alt metin — 155 karakterlik yazma kılavuzu, dekoratif görseller için alt="", “Görseli”/“Fotoğrafı” yok ve noktalama işareti ekleyin.
• Yardımcı alt metin yazın (Teknik Yazım) — Google’ın erişilebilirlik odaklı nasıl yapılır kılavuzu: kısa tutun, bağlamda açıklayın, tekrarlanan görseller için tutarlı alt metin.
• web.dev — Görseller için metin alternatifleri — önemli görseller için açıklayıcı alt, dekoratif olanlar için boş alt="".

Bing / Microsoft

• SEO İçin İçerik Mimarisi (SEM 101) — daha eski bir Bing yazısı; görselleri “botlar için ölü bölgeler” olarak tanımlar ve alt özniteliklerini bunları nasıl tanımladığınız olarak açıklar (ilgili anahtar kelimeleri kullanın, zorlamayın).
• Bing Görsel Arama Ekosisteminin Bir Parçası Olmak — dosya adları ve alt metin, bir sayfanın web aramasının ilk sayfasında sıralanmasa bile görsel karuselinde görünmesine yardımcı olur.

Kaynaktan alıntılar

Google’dan kayıtlara geçen ifadeler. Bir sayfa metni gösterdiğinde, bağlantı alıntılanan pasaja atlayan bir derin bağlantıdır.

Google dokümanları — alt metnin amacı

• “The most important attribute when it comes to providing more metadata for an image is the alt text… which also improves accessibility for people who can’t see images on web pages.” (Türkçe çeviri) “Bir görsel hakkında daha fazla meta veri sağlamada en önemli öznitelik alt metindir; bu metin, web sayfalarındaki görselleri göremeyen kişiler için erişilebilirliği de artırır.” Alıntıya git
• “Google uses alt text along with computer vision algorithms and the contents of the page to understand the subject matter of the image.” (Türkçe çeviri) “Google, görselin konusunu anlamak için alt metni bilgisayarlı görü algoritmaları ve sayfa içeriğiyle birlikte kullanır.” Alıntıya git
• “Avoid filling alt attributes with keywords (also known as keyword stuffing) as it results in a negative user experience and may cause your site to be seen as spam.” (Türkçe çeviri) “alt özniteliklerini anahtar kelimelerle doldurmayın; anahtar kelime doldurma olarak da bilinen bu yöntem olumsuz bir kullanıcı deneyimi yaratır ve sitenizin spam olarak görülmesine yol açabilir.” Alıntıya git
• “Alt text in images is useful as anchor text if you decide to use an image as a link.” (Türkçe çeviri) “Bir görseli bağlantı olarak kullanırsanız görselin alt metni bağlantı metni olarak yararlıdır.” Alıntıya git

John Mueller, Google — alt metin görsel arama içindir

• “When it comes to the alt text, we primarily use that to better understand the image. So if someone is searching in Google Images for something that kind of matches the alt text, then we can use that to understand that your image is relevant for that alt text on that specific page.” (Türkçe çeviri) “Alt metni öncelikle görseli daha iyi anlamak için kullanırız. Bir kişi Google Görseller’de alt metinle kabaca eşleşen bir şey arıyorsa görselinizin ilgili sayfadaki bu alt metin açısından alakalı olduğunu anlamak için onu kullanabiliriz.” — Office Hours, 18 Mart 2022. Dinle · SEJ haberi
• “It’s not the case that we would say a textual webpage has more value because it has images. It’s really just we see the alt text and we apply that to the image, and if someone searches for the image we can use that to better understand the image.” (Türkçe çeviri) “Görseller içerdiği için metin ağırlıklı bir web sayfasının daha değerli olduğunu söylemeyiz. Alt metni görür, onu görsele uygular ve biri görseli aradığında görseli daha iyi anlamak için kullanırız.” — Office Hours, 18 Mart 2022.
• “I think the important part here is we don’t have any guidelines with regards to how long your alt text can be.” (Türkçe çeviri) “Buradaki önemli nokta, alt metnin ne kadar uzun olabileceğine ilişkin bir yönergemizin bulunmamasıdır.” — Office Hours, 18 Mart 2022.
• “The alt-text is unique in that it’s what directly connects the image to the page with context… if you use AI to create alt texts based on the image file, and get ‘photo of a beach’ as the alt text for that image, you’re not getting the most out of the alt text, both for users & search engines.” (Türkçe çeviri) “Alt metin, görseli bağlam içinde doğrudan sayfaya bağlayan unsur olması bakımından benzersizdir… Görsel dosyasına dayanarak yapay zekâyla alt metin üretip “bir plajın fotoğrafı” sonucunu alırsanız hem kullanıcılar hem de arama motorları açısından alt metinden en iyi biçimde yararlanmış olmazsınız.” — Reddit r/SEO, Eylül 2024. Konu · SEJ haberi
• Boş alt özniteliklerine şirket adı ekleme konusunda: “It makes no sense, it seems like a waste of time to me: once wasted time to implement, and again wasted time to clean up later on.” (Türkçe çeviri) “Bunun hiçbir anlamı yok; bana göre zaman kaybı: önce uygulamak için, sonra temizlemek için yeniden zaman harcanıyor.” — Twitter, 2 Haziran 2022. Haber

Lizzi Sassman, Google — “görseli” demeyin

• “We already are aware that it’s an image. You don’t need to say, ‘It’s an image of’ and then the thing.” (Türkçe çeviri) “Görsel olduğunu zaten biliyoruz; bu nedenle açıklamaya ‘Bu bir … görselidir’ diye başlamanız gerekmez.” — Search Off the Record, “Görsel SEO’yu konuşalım”, Ekim 2022. Transkript

Gary Illyes, Google — görseli tanımlayın, anahtar kelime hedeflemeyin

• “Make sure to add alt attribute. This text shouldn’t be what you want to rank for, but what’s in the image.” (Türkçe çeviri) “Alt özniteliğini mutlaka ekleyin. Buradaki metin sıralama almak istediğiniz ifade değil, görselde ne olduğu olmalıdır.” — Pubcon açılış konuşması, 17 Ekim 2018. Haber

Alt metin denetim kontrol listesi

Gerçekten önemli olan alt metin sorunlarını yakalamak için bir geçiş — önce erişilebilirlik, sonra görsel SEO:

• İçerik görsellerinde eksik alt öznitelikleri — bir numaralı sorun (sitelerin %80,4’ünde en az bir tane vardır). Önce bunları düzeltin.
• Dekoratif görsellerde alt="" kullanılıyor (öznitelik mevcut, değer boş); öznitelik eksik değil ve bir açıklama içermiyor.
• Hiçbir yerde alt atlanmamış — özniteliğin bulunmaması HTML spesifikasyonuna aykırıdır ve ekran okuyucuların dosya adını okumasına yol açabilir.
• Bağlantılı görsellerde hedefi açıklayan anlamlı alt metin var (bağlantılı görselde alt metin = çapa metni; boş alt metin = boş çapa metni).
• İşlevsel görseller (yalnızca simgeden oluşan düğmeler/kontroller) eylemi açıklıyor — alt="Search"; alt="Magnifying glass icon" değil.
• Anahtar kelime doldurma yok — eş anlamlı sözcük veya hedef anahtar kelime dizileri sıkıştırılmamış.
• “Image of” / “Photo of” ile başlanmıyor — doğrudan açıklamaya geçiliyor.
• Alt metin çevresindeki paragrafın kopyası değil — söz konusu görsele özgü bağlam ekliyor.
• Alt metin yalnızca görünümü değil, bağlamı açıklıyor — genel bir “photo of a beach” ifadesi yerine görselin bu sayfada ne anlama geldiğini belirtiyor.
• Boş alt özniteliklerine şirket adı doldurulmamış (Mueller: “a waste of time”).
• alt, title ile karıştırılmamış — title özniteliği üzerine gelindiğinde gösterilen bir araç ipucudur, alt metin değildir.
• Tekrarlanan görsellerde tutarlı alt metin kullanılıyor.
• Satır içi SVG’lerde alt özniteliği yerine <title> + aria-labelledby kullanılıyor.
• Mobil alt metin = masaüstü alt metin — mobil sürüm, masaüstüyle aynı alt metni taşıyor (mobil öncelikli dizine ekleme).
• Geniş ölçekte denetim, Ahrefs Site Audit’in Images raporuyla (veya doğrulanan siteler için ücretsiz Ahrefs Webmaster Tools ile) yapılıyor.

Zamanınıza değer kaynaklar

İlgili yazılarım

• JavaScript SEO Sorunları ve En İyi Uygulamalar — JS çerçevelerinin geride bıraktığı boş alt özniteliklerini, erişilebilirlik ve yasal açıyı ve alt metnin web aramasındaki öneminin neden sıklıkla abartıldığını ele aldığım yer.
• Ahrefs Site Audit Çalışması — eksik alt özniteliklerinin en yaygın teknik SEO sorunu olduğu ortaya çıkan 1M+ alan adı çalışması (sitelerin %80,4’ü).
• Teknik SEO Başlangıç Rehberi — görsel ve alt metin işlemenin daha büyük teknik resme nasıl uyduğu.

Resmi

• Google’ın Google Görseller için en iyi uygulamalar belgesi — alt metin ve görsel meta verileri için temel referanstır.
• Google’ın Geliştirici Belgeleri Stil Rehberi — alt metin belgesi — somut yazım kuralları sunar (155 karakter, alt="", “Görseli” ile başlamama).
• WCAG 2.1 — Metin Dışı İçerik (1.1.1) — alt metnin temelindeki erişilebilirlik başarı ölçütüdür.

Diğer kaynaklar

• SearchPilot’ın alt metin üzerine bölünmüş testleri — alt metin ekleme (sonuç belirsiz) ve listeleme görsellerinde açıklayıcı alt metin (tahmini artış var, ancak istatistiksel olarak anlamlı değil) — “alt metin web sıralamalarını yükseltir” iddiasını gerçek dünya verileriyle ölçülü biçimde değerlendirmeye yardımcı olur.
• Search Engine Journal — Mueller’ın SEO için alt metin görüşü (Mart 2022) — Mueller’ın görsel arama ile web araması arasındaki ayrımı açıkça ortaya koyduğu Office Hours oturumunun özetidir.
• Search Engine Journal — Mueller’ın 2024 tarihli “plaj fotoğrafı” bağlam önerisi — yapay zekâ tarafından üretilen açıklamaların alt metnin amacını neden kaçırdığına dair Reddit yorumunu ele alır.
• SE Roundtable — Boş alt metinde şirket adları hakkında Google’ın görüşü (Haziran 2022) — Barry Schwartz’ın, Mueller’ın bu uygulamayı “zaman kaybı” olarak nitelendirmesini aktardığı yazıdır.
• Search Off the Record — “Görsel SEO’yu Konuşalım” (Ekim 2022, transkript) — Mueller ve Lizzi Sassman’ın bağlam öncelikli alt metin, “image of” ile başlama hatası ve herhangi bir alt metnin hangi durumlarda hiç alt metin olmamasından daha iyi olduğu konusundaki görüşlerini içerir.
• W3C — WCAG 2.1 Success Criterion 1.1.1 (Non-text Content) — eksik alt metnin yalnızca bir SEO sorunu değil, aynı zamanda bir uyumluluk sorunu olmasının temelindeki A Düzeyi erişilebilirlik gereksinimidir.
• web.dev — Görseller İçin Metin Alternatifleri — Google’ın anlamlı görseller için açıklayıcı alt metin ile dekoratif görseller için boş alt="" kullanımını birbirinden ayıran geliştirici rehberidir.

Her birini adlandırmaya değer alt metin hataları

Anahtar kelime doldurma, “görseli” açılışları ve dekoratif görsellerde eksik alt metin en sık gördüğüm üç hatadır, ancak tek olanlar bunlar değil. Buradaki her girdi, neden yanlış olduğu ve bunun yerine ne yapılması gerektiği açıklanan bir hatadır.

Alt özniteliğine anahtar kelime doldurma

Neden yanlış: Google buna açıkça karşı uyarır — “Avoid filling alt attributes with keywords… as it results in a negative user experience and may cause your site to be seen as spam.” (Türkçe çeviri) “alt özniteliklerini anahtar kelimelerle doldurmayın; bu, olumsuz bir kullanıcı deneyimi yaratır ve sitenizin spam olarak görülmesine yol açabilir.” Ekran okuyucu alt metni sesli okuduğu için alt="puppy dog pup pups doggies" yalnızca tarayıcılara spam gibi görünmez; gerçek bir dinleyici için de kullanışsızdır.

Bunun yerine yapın: Görseli sade bir dille, bağlam içinde tanımlayın. alt="Dalmatian puppy playing fetch in a park" aynı bilgiyi anahtar kelime yığını olmadan söyler.

”Görseli” veya “Fotoğrafı” ile başlama

Neden yanlış: Google’dan Lizzi Sassman bu konuda açık konuştu: “We already are aware that it’s an image. You don’t need to say, ‘It’s an image of’ and then the thing.” (Türkçe çeviri) “Sistem bunun görsel olduğunu zaten bilir; ‘… görseli’ biçimindeki gereksiz girişe ihtiyaç yoktur.” Gereksiz başlangıca ayrılan her karakter, yararlı bağlam için kullanılamayan bir karakterdir.

Bunun yerine: Açıklamaya doğrudan başlayın — alt="Image of a dalmatian puppy playing fetch in a park" yerine alt="Dalmatian puppy playing fetch in a park" kullanın.

Dekoratif görsellerde alt özniteliğini atlama

Neden yanlış: alt özniteliğini tamamen bırakmak (boş bir dizeye ayarlamak yerine) HTML spesifikasyonu ihlalidir ve bazı ekran okuyucuların sessiz kalmak yerine ham dosya adını duyurmasına neden olabilir.

Bunun yerine yapın: Ayraçlar ve arka plan süslemeleri gibi gerçekten dekoratif görseller için alt="" — boş değer, öznitelik mevcut — kullanın. Bu, yardımcı teknolojiye görseli temiz biçimde atlamasını söyler.

Sayfa bağlamını yok sayan AI tarafından üretilen “X fotoğrafı” açıklamalarını kullanma

Neden yanlış: Mueller bunu doğrudan eleştirdi: “photo of a beach” üreten yapay zekâ araçları pikselleri teknik olarak betimler, ancak asıl noktayı kaçırır; çünkü “the alt-text is unique in that it’s what directly connects the image to the page with context.” (Türkçe çeviri) “alt metin, görseli bağlam içinde doğrudan sayfaya bağlayan unsur olması bakımından benzersizdir.” Yalın bir görsel açıklaması, alt metnin bilgisayarlı görünün yapamayacağı tek şeyi yapma fırsatını boşa harcar.

Bunun yerine: Görselin bu sayfadaki anlamını açıklayan bir metin yazın (veya yapay zeka taslağını düzenleyin) — aynı plaj fotoğrafı, sörf sayfasında emlak ilanındakinden farklı bir alt metin gerektirir.

Şirket adını boş alt özniteliklerine koymak

Neden yanlış: Mueller bu belirli yaklaşımı boşa harcanan çaba olarak nitelendirdi: “It makes no sense, it seems like a waste of time to me: once wasted time to implement, and again wasted time to clean up later on.” (Türkçe çeviri) “Bunun hiçbir anlamı yok; bana göre zaman kaybı: önce uygulamak için, sonra temizlemek için yeniden zaman harcanıyor.” Kullanıcılara veya arama motorlarına hiçbir bilgi katmaz ve yalnızca daha sonra temizlenmesi gereken bir borca dönüşür.

Bunun yerine: Ya gerçek, görsele özgü alt metin yazın ya da gerçekten dekoratif görseller için alt="" kullanın. Standart bir marka adına varsayılan olarak başvurmayın.

Yalnızca simgeden oluşan bir kontrolün eylemi yerine görünümünü açıklamak

Neden yanlış: Bir arama düğmesindeki alt="Magnifying glass icon", ekran okuyucu kullanıcısına simgenin neye benzediğini söyler, basıldığında ne yapacağını değil. İşlevsel bir kontrol için görünüm yararlı bilgi değildir — eylem önemlidir.

Bunun yerine: Eylemi veya sonucu adlandırın: alt="Search", alt="Close menu", alt="Play video". Bu, bağlantılı bir görselin alt metninin çapa metni gibi davranmasıyla aynı ilkedir — alt metin, kontrolün işlevine hizmet etmelidir.

alt özniteliğini title özniteliğiyle karıştırmak

Neden yanlış: title özniteliği çoğu tarayıcıda fareyle üzerine gelindiğinde bir ipucu olarak görüntülenir. Alt metin gibi ekran okuyucular tarafından okunmaz ve çok az SEO ağırlığı taşır — onu alt metnin yerine koymak hem erişilebilirliği hem de görsel aramayı karşılanmamış bırakır.

Bunun yerine: Her görselin ihtiyaç duyduğu metin yedeği için alt ayarlayın; title’ı yalnızca gerçek ek ipucu metni için kullanın, o da varsa.

Öncesi/sonrası alt metin örnekleri

Yukarıdaki kurallardan doğrudan alınmış dört somut öncesi/sonrası çifti.

Anahtar kelime doldurulmuş ve açıklayıcı

<!-- Before: keyword stuffing -->
<img src="dalmatian-puppy.jpg" alt="puppy dog pup pups doggies dalmatian puppies for sale">

<!-- After: plain description -->
<img src="dalmatian-puppy.jpg" alt="Dalmatian puppy playing fetch in a park">

“Sonraki” sürüm, Google’ın uyardığı her eşanlamlıyı ve alıcı niyeti ifadesini sıkıştırmak yerine, görselde gerçekte ne olduğunu sade bir dille bir kez açıklar.

Genel açıklama ve bağlama duyarlı alt metin

Aynı plaj fotoğrafı, bulunduğu sayfaya bağlı olarak farklı alt metin gerektirir — Mueller, bağlamdan bağımsız olarak “plaj fotoğrafı” çıktısı veren yapay zeka araçlarını eleştirirken bu ayrımı yapmıştı.

<!-- Generic, low-value -->
<img src="beach.jpg" alt="Photo of a beach">

<!-- On a surfing page -->
<img src="beach.jpg" alt="Surfer paddling out past the break at sunrise">

<!-- On a real-estate listing -->
<img src="beach.jpg" alt="Private beach access behind the oceanfront property">

Aynı pikseller, üç farklı iş — alt metin sayfanın amacına uymalı, sadece görseli anlatmamalı.

Dekoratif görsel: boş alt metin ve eksik alt metin

<!-- Wrong: attribute omitted entirely -->
<img src="divider.svg">

<!-- Right: empty value, attribute present -->
<img src="divider.svg" alt="">

İkisi de ilk bakışta benzer görünür, ancak farklı davranırlar: eksik öznitelik, bazı ekran okuyucuların dosya adını duyurmasına neden olabilen bir HTML spesifikasyon ihlalidir; boş alt="" ise yardımcı teknolojiye görseli atlamasını doğru şekilde söyler.

İşlevsel görsel: eylem ve görünüm

<!-- Weak: describes the icon -->
<button><img src="magnifying-glass.svg" alt="Magnifying glass icon"></button>

<!-- Better: describes what the control does -->
<button><img src="magnifying-glass.svg" alt="Search"></button>

Düğme bir bağlantı değildir ve dekoratif değildir — bir kontroldür. Simgeyi adlandırmak, ekran okuyucu kullanıcısına basıldığında ne olacağı hakkında hiçbir şey söylemez; eylemi adlandırmak söyler.

Bağlantılı görsel: çapa metni olarak alt metin

<!-- Weak: doesn't describe the destination -->
<a href="/pricing/"><img src="cta-button.png" alt="Button"></a>

<!-- Better: alt describes where the link goes -->
<a href="/pricing/"><img src="cta-button.png" alt="View pricing plans"></a>

Görsel bir bağlantının içine sarıldığı için alt metni çapa metni işlevi görür — “Düğme”, ekran okuyucu kullanıcısına hedef hakkında hiçbir şey söylemezken, “Fiyatlandırma planlarını görüntüle” söyler.

Bu görsel hangi alt metni almalı?

Neredeyse her görselde karşılaşılan kararlar için üç hızlı dal: dekoratif mi, resimden çok bir kontrol mü ve bir bağlantının içine sarılmış mı.

Alt metinle ilgili yaygın sorunlar

Denetimlerde ve erişilebilirlik incelemelerinde gerçekten ortaya çıkan alt metin sorunları için dört belirti-neden-çözüm girişi.

Ekran okuyucu bir açıklama yerine ham dosya adını duyuruyor

Belirti: Bir ekran okuyucu, bir açıklama yerine “dalmatian-puppy-jpg” veya “IMG_4021” gibi bir şeyi sesli okur.

Olası neden(ler): alt özniteliği <img> öğesinden tamamen çıkarılmış, boş bir dizeye ayarlanmamış. Bu bir HTML spesifikasyon ihlalidir ve varsayılan hata durumudur — eksik alt öznitelikleri, Ahrefs’in bir milyondan fazla alan adını kapsayan site denetim çalışmasına göre sitelerin %80,4’ünde görülür.

Düzeltme + kontrol: İçerik görselleri için açıklayıcı bir alt veya gerçekten dekoratif olanlar için alt="" ekleyin. Bir tarayıcı erişilebilirlik uzantısıyla veya öğeyi inceleyerek doğrulayın — öznitelik her iki durumda da mevcut olmalıdır.

Site genelinde eksik alt öznitelikleri işaretlendi

Belirti: Bir denetim aracı, eksik alt öznitelikleri için işaretlenmiş yüzlerce veya binlerce görselle geri döner.

Olası neden(ler): Görseller yüklenirken alt metin eklemek için sistematik bir süreç yoktur; genellikle yükleme sırasında bunu gerektirmeyen bir CMS veya tema ile daha da kötüleşir.

Düzeltme + kontrol: Sırayla önceliklendirin — önce ana içerik görselleri (anlam taşırlar ve görsel arama trafiği kazandırabilirler), ikinci olarak bağlantılı görseller (orada boş alt, çapa metnini de kaybettirir), son olarak dekoratif görseller (ve oradaki düzeltme alt=""’dır, bir açıklama değil). Her geçişten sonra sayının düştüğünü doğrulamak için Görsel SEO Denetleyicisi veya site denetim aracınızı yeniden çalıştırın.

Alt metin olmasına rağmen görseller Google Görseller’de görünmüyor

Belirti: İçerik görsellerinde alt metin var, ancak yine de ilgili Google Görseller aramalarında görünmüyorlar.

Olası neden(ler): Alt metin, görselin o sayfada ne anlama geldiğine dair bağlama özgü bir açıklama yerine genel bir görsel açıklamadır (“plaj fotoğrafı”) — Mueller, bu tür genel yapay zeka tarafından üretilen alt metnin yetersiz kaldığını söyledi. Alt metnin yalnızca bir sinyal olduğunu da hatırlamakta fayda var: Google bunu bilgisayar görüşü ve sayfa bağlamıyla birleştirir, bu nedenle zayıf veya alakasız bir çevreleyen sayfa, iyi alt metin olsa bile bir görseli geride tutabilir.

Düzeltme + kontrol: Alt metni, yalnızca pikselleri değil, sayfanın gerçek konusunu ve amacını yansıtacak şekilde yeniden yazın. Google’ın yeniden taraması ve yeniden işlemesi için zaman tanıdıktan sonra Search Console → Performans → Arama türü: Görsel bölümündeki performansı yeniden kontrol edin.

Yalnızca simge içeren bir düğme, ekran okuyucu kullanıcılarına ne yaptığını söylemiyor

Belirti: Bir ekran okuyucu, yalnızca simge içeren bir denetimden önce “büyüteç simgesi” veya “düğme görseli” gibi bir şey duyurur ve basmanın ne yaptığına dair hiçbir gösterge vermez.

Olası neden(ler): Alt metin, kontrolün eylemi yerine simgenin görünümünü açıklıyordur — görsel bir bağlantı veya tamamen dekoratif bir öğe değil de sıradan bir resim gibi göründüğünden bu sık karşılaşılan bir karışıklıktır.

Düzeltme + kontrol: Alt metni, simgeyi değil eylemi veya sonucu adlandıracak şekilde yeniden yazın (alt="Search", alt="Close menu", alt="Play video"). Klavyeyle denetime sekmeyle gidip bir ekran okuyucunun ne duyurduğunu dinleyerek doğrulayın.

Bağlantılı bir görselin hedefi ekran okuyucu kullanıcıları için net değil

Belirti: Ekran okuyucu aracılığıyla bağlantıya (veya görsele) göre gezinirken bir kullanıcı, yalnızca görsel içeren bir bağlantıyı etkinleştirmeden önce yararlı hiçbir şey duymaz.

Olası neden(ler): Bağlantılı görselde boş veya eksik alt metin var — metin bağlantısındaki boş çapa metninin eşdeğeri.

Düzeltme + kontrol: Yalnızca görselin ne gösterdiğini değil, bağlantının nereye gittiğini açıklayan alt metin yazın (önceki/sonrası için Örnekler sekmesine bakın). Klavyeyle bağlantıya sekmeyle gidip bir ekran okuyucunun ne duyurduğunu kontrol ederek veya öğeyi inceleyerek doğrulayın.

Görsel alt metni için sürekli izlenecek KPI’lar

Yalnızca tek seferlik bir temizlikten sonra değil, sürekli olarak takip etmeye değer iki şey: sitenin ne kadarında alt metin var ve bu alt metin gerçekten görsel arama görünürlüğü kazandırıyor mu.

Site genelinde alt metin kapsamı

• Metrik — Site genelindeki <img> öğelerinin boş olmayan, dekoratif olmayan bir alt özniteliğine sahip olanlarının payı (yalnızca içerik görselleri — dekoratif görseller doğru şekilde alt="" göstermelidir, bu bir eksiklik değildir).
• Size ne söyler — Alt metnin tek seferlik bir düzeltme mi yoksa süregelen bir alışkanlık mı olduğunu. Ahrefs’in site denetim çalışmasındaki sitelerin %80,4’ünün en az bir eksik alt özniteliğine sahip olduğu göz önüne alındığında, düzenli olarak kontrol edilmediği sürece yeni içerik yayınlandıkça kapsam yeniden aşınma eğilimi gösterir.
• Nasıl çekilir — Bir sayfadaki Image SEO Checker, tam bir taramada Ahrefs Site Audit’in Görseller raporu veya spot kontroller için bir tarayıcı erişilebilirlik uzantısı.
• Kıyaslama / gerçekçi aralık — Evrensel bir hedef yüzde yoktur — çok sayıda dekoratif arka plan görseli olan bir site, meşru olarak fotoğraf ağırlıklı bir blogdan daha fazla alt="" gösterir. İlk kontrol ettiğinizde kendi mevcut kapsamınızı temel alın, ardından yeni sayfalar yayınlandıkça geriye kaymadığını izleyin.
• Sıklık — Süregelen bir kontrol olarak üç ayda bir ve görsellerin nasıl yüklendiğini etkileyen herhangi bir toplu içerik geçişi veya CMS/tema değişikliğinden hemen sonra.

Görsel arama performansı (Google Görseller gösterimleri/tıklamaları)

• Metrik — Görsel arama sonuçlarına filtrelenmiş siteniz için gösterimler, tıklamalar ve TO.
• Size ne söyler — Yazdığınız alt metnin gerçekten görsel arama görünürlüğüne ve trafiğine dönüşüp dönüşmediğini — Mueller’ın alt metnin web sıralaması artışının aksine yaptığı birincil iş olarak defalarca söylediği şey.
• Nasıl çekilir — Search Console → Performans → Arama türü: Görsel.
• Kıyaslama / gerçekçi aralık — Tamamen sitenin ve konusunun görsel ağırlıklı olmasına bağlıdır — savunulabilir evrensel bir sayı yoktur. Bu raporu ilk çektiğinizde kendi temelinizi oluşturun, ardından harici bir kıyaslamayla karşılaştırmak yerine alt metin veya görsel içeriği değişikliklerinden sonra eğilimi izleyin.
• Sıklık — Süregelen bir kontrol olarak aylık; herhangi bir toplu alt metin yeniden yazımından sonra hareket edip etmediğini görmek için birkaç hafta daha yakından izleyin.

Alt metni denetlemek ve düzeltmek için araçlar

• Image SEO Checker — alt öznitelikleri, lazy-loading ipuçları ve görsel biçimleri dahil olmak üzere ham HTML’deki görsel sinyallerini doğrudan denetler. Bir düzeltmeden önce veya sonra tek bir sayfanın alt metin kapsamını hızla kontrol etmenin en hızlı yoludur.
• On-Page SEO Checker — başlıklar, bağlantılar ve diğer sayfa öğelerinin yanı sıra görselleri de kapsayan gelişmiş ham HTML kontrolleriyle önceliklendirilmiş bir sayfa içi değerlendirme sunar; alt metin, bir sayfada aynı anda denetlediğiniz birkaç unsurdan biriyse kullanışlıdır.
• Ahrefs Site Audit — Images raporu — sitenizin tam taramasında alt özniteliği eksik görselleri işaretler (Ahrefs Webmaster Tools bunu doğrulanmış siteler için ücretsiz sunar); Ahrefs’in site denetim çalışmasındaki %80,4’lük eksik alt oranı bu yöntemle ölçülmüştür.
• Search Console — Performance, Search type: Image — alt metninizin gerçekten görsel arama gösterimleri ve tıklamaları kazandırıp kazandırmadığını gösteren temel kaynaktır.
• Tarayıcı erişilebilirlik uzantıları / öğeyi inceleme — önemli içerik görsellerini elle kontrol etmek ve bir ekran okuyucunun gerçekte ne duyuracağını doğrulamak için kullanılır.

Kendinizi test edin: alt metin

Alt metnin gerçekte ne yaptığı ve nasıl yazılacağı hakkında beş hızlı soru. Her biri için bir yanıt seçin, ardından kontrol edin.

Değişiklik günlüğü