Alt Text Nedir? Ne İşe Yarar ve Nasıl Yazılır?

Alt text nedir ve ne işe yarar?

Alt text (alt metin), bir görselin HTML kodundaki alt özniteliğine yazdığınız kısa ve betimleyici açıklamadır. Görsel yüklenmediğinde ekranda belirir, ekran okuyucu kullanan ziyaretçiye sesli okur ve arama motorlarının görselin konusunu, sayfanın bağlamıyla birlikte anlamasına yardımcı olur.

Bu yazıda alt metin kavramını erişilebilirlik ve görsel SEO açısından birlikte ele alıyoruz. Ekibimiz olarak sahada gördüğümüz en yaygın sorun, alt metnin ya hiç yazılmaması ya da anahtar kelime deposuna dönüştürülmesidir. İkisi de ziyaretçiye ve arama motoruna yarar sağlamaz.

Örneğin bir ürün sayfasında görselin alt özniteliği boşsa, görme engelli bir ziyaretçi o fotoğrafın ne gösterdiğini hiç öğrenemez. Aynı sayfayı tarayan bir arama botu da görseli yalnızca çevresindeki metinden yorumlamak zorunda kalır.

Alt text yazmak hızlı bir iştir; asıl fark, her görsele doğru yaklaşımı seçmenizde ortaya çıkar. Bilgi veren görsel, süs görseli, bağlantı görseli ve grafik için farklı kurallar geçerlidir. Bunları adım adım göstereceğiz.

HTML kodunda alt text neye benzer?

Alt metin, görsel etiketinin bir özniteliğidir. Kod örneği olarak <img src="siyah-deri-ceket.jpg" alt="Siyah deri bisiklet yaka ceket, önden görünüm"> yapısını düşünebilirsiniz. Tırnak içindeki ifade alt metin değeridir.

Tarayıcı görseli indiremezse bu ifadeyi ekranda gösterir. Ekran okuyucu ise görseli geçmez, alt metni sesli okur. Bu yüzden alt text, görseli görmeyen kişi için görselin yerine geçen metindir.

Özniteliğin hiç bulunmaması ile boş bulunması arasında da önemli bir fark vardır. Alt özniteliği hiç yoksa ekran okuyucu bazen dosya adını okur. Boş değer (alt="") ise görselin süs olduğunu açıkça bildirir ve okuyucu onu atlar.

• Dolu alt özniteliği: görsel bilgi taşıyor, okuyucu açıklamasını söyler.
• Boş alt özniteliği: görsel süs, ekran okuyucu atlar.
• Hiç alt özniteliği olmaması: belirsiz durum, denetim araçları hata verir.

Alt text erişilebilirlik için neden önemlidir?

Erişilebilirlik, alt metin'in asıl çıkış noktasıdır. Görme engelli ya da az gören kişiler sayfayı ekran okuyucuyla dinler. Okuyucu görselin yerine alt metni okur; metin yoksa kişi içeriğin önemli bir bölümünü kaçırır.

Uluslararası erişilebilirlik standardı WCAG, bu konuyu "Metin dışı içerik" başarı ölçütüyle (1.1.1) düzenler. Ölçüt, metin olmayan içerik için eşdeğer bir metin alternatifi sunmanızı ister; süs amaçlı görseller ise yardımcı teknolojiler tarafından yok sayılabilecek biçimde işaretlenmelidir. Ayrıntılar için W3C Non-text Content açıklamasına bakabilirsiniz.

Faydalanan kitle yalnızca görme engelliler değildir. Yavaş bağlantıda görselin gecikmesi, görsel yüklemesini kapatmış kullanıcılar ve sesli asistanlar da alt metinden yararlanır. Dolayısıyla alt metin, genel kullanıcı deneyiminin bir parçasıdır.

Erişilebilirliği bütün site için nasıl ele alacağınızı web erişilebilirliği ve WCAG standartları yazımızda anlattık. Bizim sitemizin erişilebilirlik yaklaşımını da erişilebilirlik beyanı sayfamızda bulabilirsiniz.

Alt text SEO'ya nasıl katkı sağlar?

Google, görselin konusunu anlamak için alt metni, bilgisayarla görme algoritmalarını ve sayfa içeriğini birlikte kullanır. Bu bilgi Google Search Central görsel SEO rehberi içinde açıkça yazılıdır. Yani alt text tek başına bir sıralama düğmesi değildir; görseli bağlamına oturtmanıza yardım eden bir sinyaldir.

Aynı rehber, alt özniteliklerini anahtar kelimeyle doldurmanın kötü kullanıcı deneyimi yarattığını ve sitenizin spam olarak görülmesine yol açabileceğini söyler. Bu nedenle hedef, doğru kelimeyi doğal biçimde, görseli anlatan cümlenin içinde kullanmaktır.

Alt text'in bir diğer katkısı Google Görseller trafiğidir. Ürün, tarif, mekan ya da infografik gibi görsel arayışı yüksek konularda, görselin doğru anlaşılması sıralamaya girme şansınızı artırır. Bunun hızını ya da trafik miktarını garanti etmiyoruz; yalnızca doğru zemini hazırladığınızı söylüyoruz.

Ayrıca görsel bir bağlantı olarak kullanılıyorsa, alt metin o bağlantının bağlantı metni gibi çalışır. Bu da iç linkleme stratejinizde küçük ama gerçek bir etki yaratır.

İyi bir alt text nasıl yazarsınız?

İyi alt metin yazmak için görseli göremeyen birine telefonda anlatır gibi düşünün. Önce görselin sayfadaki amacını sorarsınız; ardından o amaca hizmet eden en önemli bilgiyi kısa bir ifadeyle yazarsınız.

1. Görselin ne gösterdiğini somut nesne ve eylemle anlatın.
2. Sayfa bağlamıyla ilgili ayrıntıyı ekleyin; örneğin renk, model ya da yer.
3. Gerekiyorsa ana anahtar kelimeyi bir kez, doğal biçimde kullanın.
4. Cümleyi kısa tutun ve noktayla bitirmeyi alışkanlık edinin.
5. Çevredeki metinde zaten yazan bilgiyi tekrar etmeyin.

Örneğin bir blog yazısında "ofiste dizüstü bilgisayarda analiz paneline bakan iki kişi" ifadesi, "analiz" ya da "çalışma" gibi tek kelimelik etiketten çok daha yararlıdır. Çünkü hem görme engelli okuyucuya hem arama motoruna somut bir sahne verir.

Öte yandan "görsel" ya da "resim" kelimeleriyle başlamayın. Ekran okuyucu zaten bunun bir görsel olduğunu söyler; siz yalnızca içeriği anlatırsınız.

İyi ve kötü alt text örnekleri neye benzer?

Aşağıdaki tablo, aynı görsel için tipik hataları ve düzelttiğimiz halleri karşılaştırır. Örnekler tamamen kurgusal örnek hesaptır; gerçek bir müşteriye ait değildir.

Tablodan çıkardığımız sonuç şudur: iyi alt metin kısa, somut ve bağlamlıdır. Kötü alt metin ise ya dosya adına ya da anahtar kelime listesine benzer.

Alt text ne kadar uzun olmalı?

Google, alt metin için resmi bir karakter sınırı yayımlamıyor. Yine de sahada edindiğimiz pratik, alt metni bir cümlenin altında, kabaca 100-125 karakter civarında tutmaktır. Bu bir resmi kural değil, saha tecrübesine dayalı başlangıç aralığıdır, garanti değildir.

Kısa tutmak neden önemlidir? Çünkü ekran okuyucu alt metni kesintisiz okur ve uzun bir metin dinleyiciyi yorar. Bunun yanında çok uzun alt metin, anahtar kelime doldurma izlenimi verir.

Yine de kısalık her zaman kural değildir. Bir ürünün ayırt edici özelliği görsel üzerinden anlaşılıyorsa, biraz daha ayrıntılı yazmakta sakınca yoktur. Karar verirken şu soruyu sorun: görseli göremeyen biri sayfadan aynı bilgiyi alabiliyor mu?

Uzun açıklama gerektiren karmaşık görseller için alt metni kısa tutup ayrıntıyı sayfa metninde ya da altyazıda verin. Bunu ilerleyen bölümde grafikler üzerinden göstereceğiz.

Dekoratif görsellere alt text yazar mısınız?

Hayır, yazmazsınız; ancak alt özniteliğini tamamen silmek yerine boş bırakırsınız (alt=""). Süs görseli, sayfaya anlam katmayan; yalnızca estetik amaçlı çizgi, desen, boşluk dolduran fotoğraf ya da arka plan süslemesidir.

Boş alt, ekran okuyucuya "bunu atla" demenizin standart yoludur. W3C'nin görsel karar ağacı da süs görselleri için boş alt önerir. Kaynağı W3C görsel karar ağacı sayfasında inceleyebilirsiniz.

Bu ayrımı yapmazsanız ziyaretçi, sayfa boyunca anlamsız "dekoratif çizgi, mavi gradyan" gibi ifadeler dinler. Kısacası her görsele alt text yazmak değil, her görsele doğru kararı vermek hedeftir.

Sayfada yalnızca ortalama bir çizgi, ayraç ya da köşe süsü varsa tereddüt etmeyin. Bu tür öğeleri mümkünse CSS ile arka plan olarak ekleyin; böylece HTML'e hiç görsel etiketi girmez.

Süs mü bilgi mi karar veremiyorsanız şu testi uygulayın: görseli sayfadan çıkardığınızda içerik anlamını yitiriyor mu? Yitiriyorsa alt metin yazın, yitirmiyorsa boş bırakın.

Logo ve bağlantı olarak kullanılan görsellerde alt text ne olmalı?

Bir görsel tıklanabiliyorsa alt metin, görselin ne gösterdiğini değil bağlantının nereye gittiğini anlatmalıdır. Örneğin ana sayfaya giden logoya "Mavi logo" yazmak yerine "Şirket adı, ana sayfa" yazmak çok daha yararlıdır.

Aynı mantık sosyal medya simgeleri, sepet ikonu ya da PDF indirme düğmesi gibi işlevsel görsellerde de geçerlidir. Ziyaretçi için önemli olan, düğmenin görünüşü değil yaptığı iştir.

• Logo bağlantısı: şirket adı ve gideceği yer.
• Sepet ikonu: "Sepeti görüntüle".
• Sosyal medya simgesi: platformun adı, örneğin "Instagram profilimiz".
• PDF simgesi: "Fiyat listesini PDF olarak indir".

Sayfada görselin yanında aynı bilgiyi veren ekranda duran bir metin varsa, görsel alt metnini boş bırakabilirsiniz. Böylece ekran okuyucu aynı ifadeyi iki kez okumaz.

Grafik ve karmaşık görsellerde alt text nasıl kurarsınız?

Grafik gibi karmaşık görsellerde tek bir alt metin her bilgiyi taşıyamaz. Bu yüzden iki katmanlı bir yaklaşım öneriyoruz: alt metne kısa bir özet, sayfa metnine ya da bir tabloya ayrıntılı veri yazarsınız.

Örneğin aylık ziyaretçi grafiğinde alt metin "Altı aylık ziyaretçi sayısının kademeli arttığını gösteren çizgi grafik" olabilir. Hemen altındaki paragrafta ya da tabloda ise aylara göre rakamları yazarsınız. Böylece hem ekran okuyucu hem de arama motoru aynı veriye metin olarak ulaşır.

Grafikte bir iddia varsa, önce o iddiayı cümle olarak yazın. Çünkü arama sonuçlarında görselin kendisini özetlemek zordur; sayfa metnini ise rahatça özetleyip alıntılayabilirler. Bu yaklaşım, yapay zeka destekli arama sonuçlarında da içeriğinizin alıntılanabilirliğini artırır.

Karmaşık görseller için W3C'nin önerisi de aynı yöndedir: kısa alt metin ile uzun açıklamayı ayırın. Uzun açıklamayı açık bir bölüm olarak sayfaya koymak en güvenli yoldur.

İçinde metin olan görsellerde alt text ne olmalı?

Görselin içinde yazı varsa, alt metin o yazının aynısını içermelidir. Banner, kampanya afişi ya da ekran görüntüsü gibi görsellerde yazan bilgiyi alt metne taşırsınız; böylece görseli göremeyen kişi de teklife ulaşır.

Mümkünse metin içeren görsel yerine gerçek HTML metin tercih edin. Metin görselin içine gömüldüğünde yeniden boyutlandırma, çeviri ve okunabilirlik sorunları çıkar. Ayrıca arama motoru metni daha daha doğru okur.

Örneğin "Yaz indirimi: seçili ürünlerde %20" yazan bir banner için alt metin tam olarak bu cümle olmalıdır. Bununla birlikte, indirim koşullarını yalnızca görselin içinde bırakmak yerine sayfa metninde de yazmalısınız.

Bu kural, kampanyaların hukuki ya da fiyat bilgisi içeren kısımları için özellikle önemlidir. Çünkü bilgiyi yalnızca görselde sunarsanız bir kısım ziyaretçiye hiç ulaştırmamış olursunuz.

E-ticaret ürün görsellerinde alt text nasıl yazarsınız?

E-ticaret sitesinde alt text, hem erişilebilirlik hem Google Görseller hem de ürün keşfi için önemlidir. Ürün adını, ayırt edici özelliği ve görselin açısını birleştiren bir kalıp kurmak, yüzlerce ürünü tutarlı yönetmenin en pratik yoludur.

Önerdiğimiz kalıp: ürün adı, rengi ya da modeli, görselin açısı veya kullanım bağlamı. Örneğin "Kadın siyah deri bisiklet yaka ceket, arkadan görünüm" bu kalıba uyar. Marka adını yalnızca gerçekten ayırt edici olduğunda ekleyin.

Ürün başlığını kelimesi kelimesine tekrar etmek yetmez. Her görsel farklı bir bilgi veriyorsa, alt metin de farklı olmalıdır. Aksi halde aynı ürün için on tane aynı alt metin yazmış olursunuz.

Ürün sayfasının geneli için e-ticaret ürün sayfası nasıl olmalı yazımıza, sayfa dışı görünürlük için ise e-ticaret SEO rehberimize göz atabilirsiniz. E-ticaret altyapınız için destek almak isterseniz e-ticaret danışmanlığı hizmetimizi inceleyin.

Ürün varyasyonları ve galeri görsellerinde alt text nasıl ayrışır?

Bir üründe renk, beden ve açı varyasyonları varsa, her görselin alt metni farklı bilgiyi öne çıkarmalıdır. Aksi halde galeri, ekran okuyucu kullanan müşteri için aynı cümlenin tekrarına dönüşür.

Tablodaki örnekler, örnek hesap niteliğinde kurgusal bir üründür. Amaç, her görselin ayrı bir hikâye anlattığını göstermektir.

Renk seçeneği görselleri için rengin adını yazın. Böylece müşteri hangi seçeneğe baktığını bilir. Ürün gruplarında yüzlerce varyasyon varsa şablon kurup yalnızca değişken alanları (renk, açı) otomatikleştirebilirsiniz.

Alt text, title özniteliği ve dosya adı arasındaki fark nedir?

Bu üçü görselle ilgili farklı alanlardır. Alt özniteliği görselin yerine geçen metindir; title özniteliği fare üzerine gelince çıkan ek ipucudur; dosya adı ise görselin sunucudaki adıdır.

• Alt: erişilebilirlik ve görsel anlama için birincil alandır, her bilgi veren görselde olmasını isteriz.
• Title: isteğe bağlıdır, dokunmatik cihazlarda ve ekran okuyucuda tutarsız çalışır, alt'ın yerine geçmez.
• Dosya adı: Google'a ek ipucu verir, kısa ve açıklayıcı olmalı.

Google'ın görsel rehberi de açıklayıcı dosya adlarını öneriyor. Yani "IMG_4821.jpg" yerine "siyah-deri-ceket-on.jpg" tercih edersiniz. Alt text ise dosya adını tekrar etmek zorunda değildir; ikisi birbirini tamamlar.

Görsel boyutu ve formatı da ayrı bir konudur. Dosya boyutunu nasıl küçülteceğinizi web sitesi görsel optimizasyonu rehberimizde anlattık.

Alt text yazarken en sık hangi hatalara düşersiniz?

Ekibimizin denetimlerde en çok karşılaştığı hatalar bellidir. Bunları bilmek, düzeltmeyi hızlandırır.

• Alt özniteliğini tamamen unutmak.
• Dosya adını alt metin olarak bırakmak, örneğin "DSC0045.jpg".
• Aynı anahtar kelimeyi her görselde tekrarlamak.
• "Resim", "fotoğraf" ya da "görsel" ile başlamak.
• Süs görsellerine uzun açıklama yazmak.
• Tıklanabilir görselde yalnızca görünüşü anlatıp hedefi yazmamak.
• Metin içeren görselde yazıyı alt metne taşımamak.

Bir diğer sık hata, görselin yanındaki altyazıyı alt metne aynen kopyalamaktır. Altyazı zaten okunduğu için ekran okuyucu aynı bilgiyi iki kez söyler; bu durumda alt metni kısaltın ya da farklı bir ayrıntı verin.

Bunların hepsi küçük kalır; ancak yüzlerce sayfaya yayıldığında hem erişilebilirlik hem görsel arama açısından ciddi bir kayıp oluşturur.

Özellikle toplu içe aktarılan ürün kataloglarında hatalar aynı anda çoğalır. Bu nedenle içe aktarma şablonunuzda alt text alanını baştan planlamanızı öneririz.

Alt text'i toplu nasıl denetlersiniz?

Site büyüdükçe elle kontrol imkânsızlaşır. Önce bir tarayıcı araçla sayfaları tarayıp alt özniteliği eksik ya da boş görselleri listeleyin. Ardından listeyi önem sırasına koyun: ürün görselleri, ana sayfa görselleri, sonra blog görselleri.

Hızlı bir ilk bakış için SEO analiz aracımızı kullanabilirsiniz. Daha derin tarama için tarayıcı tabanlı SEO araçlarından ya da erişilebilirlik denetleyicilerinden yararlanabilirsiniz.

1. Eksik alt özniteliklerini toplayın.
2. Süs görsellerini ayırıp boş alt değeri verin.
3. Bilgi veren görsellere kural tabanlı metin yazın.
4. Önemli sayfaları ekran okuyucuyla ya da klavyeyle elle deneyin.

Son adımı atlamamanızı tavsiye ederiz. Çünkü araçlar alt metnin var olup olmadığını söyler; ancak anlamlı olup olmadığını yalnızca bir insan değerlendirebilir.

Yapay zeka ile alt text üretmek doğru mu?

Yapay zeka araçları alt metin üretiminde hız kazandırır; ancak çıktıyı mutlaka insan gözüyle gözden geçirmelisiniz. Araç görseldeki nesneyi tanır ama sayfanın amacını, ürünün adını ya da kampanyanın bağlamını bilmeyebilir.

Güvenli bir yöntem şudur: aracı ilk taslak için kullanın, ardından markanızın terminolojisine ve kalıbına uyarlayın. Bu sayede binlerce görselde tutarlılık sağlar, ama yanlış tanımlamaları da yakalarsınız.

Özellikle ürün ayrıntılarında hata riski vardır. Örneğin araç deri ceketi "kumaş ceket" diye tanımlayabilir. Bu yanlışlık hem müşteri güvenini hem de erişilebilirlik kalitesini bozar.

Sonuç olarak yapay zeka yardımcıdır, karar verici değil. Yayına almadan önce örnek bir grup görseli elle kontrol etmek, toplu üretim hatalarını erkenden gösterir.

WordPress ve diğer sistemlerde alt text nasıl eklersiniz?

Çoğu içerik yönetim sisteminde görseli ortam kütüphanesine yüklediğinizde "alt metin" ya da "alternatif metin" alanı çıkar. Orada yazdığınız değer, sayfadaki görsel etiketinin alt özniteliğine dönüşür.

Görseli bir yazıya eklerken de aynı alan karşınıza çıkar. Bazı sistemlerde kütüphane düzeyindeki alt metin, yazı düzeyindekinden farklı davranabilir. Bu nedenle kullandığınız sistemde bir deneme sayfası açıp çıktıyı doğrulayın.

Özel geliştirilen sitelerde ise geliştiricinizle birlikte şablonu kontrol edin. Ürün listeleme şablonunda alt özniteliğinin ürün adından otomatik üretildiğinden emin olun, ancak her görselin aynı metni almadığına bakın.

Yeni bir site kuruyorsanız, web tasarım hizmetimiz kapsamında şablonları baştan erişilebilir ve SEO uyumlu kurguluyoruz. Mevcut sitenizde eksikler varsa SEO danışmanlığı hizmetimizle denetim yapabiliriz.

Alt text yazarken sayfa türüne göre fark var mı?

Evet, sayfa türü alt metnin tonunu ve ayrıntı düzeyini değiştirir. Ürün sayfasında ayırt edici özellik öne çıkar, blog yazısında konuyu destekleyen sahne öne çıkar, ana sayfada ise marka mesajını taşıyan görseller ağırlık kazanır.

• Ürün sayfası: ürün adı, renk, açı ve kullanım bağlamı.
• Blog yazısı: görselin anlattığı örnek, sahne ya da veri.
• Kategori sayfası: kategori kapağını tanımlayan kısa bir ifade.
• Ana sayfa: marka adı, hizmet ve görselin işlevi.

Örneğin blog görselinde "ekip toplantı yapıyor" demek yetmez; hangi toplantı olduğunu ve yazıyla bağını belirtmelisiniz. Bu nedenle alt metni yazmadan önce görselin o sayfadaki görevini düşünün.

Kategori sayfalarında çoğu zaman tek bir kapak görseli vardır; bu görsele ürünleri değil, kategoriyi anlatan kısa bir ifade yazın. Böylece ziyaretçi nerede olduğunu anlar.

Aynı görsel iki farklı sayfada kullanılıyorsa alt metin de sayfaya göre değişebilir. Çünkü alt text bağlama bağlıdır ve görselin tek bir doğru tanımı yoktur.

Alt text çok dilli sitelerde nasıl yönetilir?

Çok dilli sitede her dil sürümünde görselin alt metni o sayfanın dilinde olmalıdır. İngilizce sayfada Türkçe alt text bırakırsanız ekran okuyucu yanlış telaffuzla okur ve ziyaretçi metni anlayamaz.

Çok dilli kurulumlarda en sık gördüğümüz hata, görsellerin çeviri dışında bırakılmasıdır. Sayfa metni çevrilir, görsel açıklamaları ise ana dilde kalır.

Bunu en kolay, çeviri sürecinize alt metin alanlarını da dahil ederek çözersiniz. Yani çevirmene yalnızca gövde metnini değil, görsel açıklamalarını da teslim edin. Dosya adlarını ise dil bazında değiştirmek zorunda değilsiniz; fakat açıklayıcı olmalarında fayda var.

Ayrıca yerel anahtar kelimeleri birebir çevirmek yerine hedef dilde insanların gerçekten kullandığı ifadeleri seçin. Çok dilli SEO'nun genel çerçevesi için çok dilli web sitesi SEO rehberimize bakabilirsiniz.

Dil etiketi doğru kurulmuş sayfalarda ekran okuyucu doğru sesi seçer. Bu yüzden sayfanın dil bilgisini ve alt metin dilini birlikte kontrol etmenizi öneririz.

Alt text çalışmasının sonucunu nasıl ölçersiniz?

Alt text iyileştirmesinin etkisini Google Search Console'da arama türü filtresiyle ölçebilirsiniz. Performans raporunda "Görsel" arama türünü seçip tıklama ve gösterim değişimini önceki döneme göre karşılaştırırsınız.

Ölçüm yaparken birkaç noktaya dikkat edin. Değişiklikten sonra Google'ın görselleri yeniden taraması zaman alır; bu süre için kesin bir gün sayısı veremeyiz. Dolayısıyla kısa vadeli dalgalanmalara göre karar vermeyin.

• Karşılaştırmayı en az birkaç haftalık dönemlerle yapın.
• Yalnızca görsel iyileştirilen sayfaları ayrı bir grup olarak izleyin.
• Sezonluk talebi hesaba katın, örneğin yılbaşı öncesi ürün aramaları.
• Erişilebilirlik kazancını trafikle değil, ekran okuyucu denemeleriyle doğrulayın.

Erişilebilirlik kazancı çoğu zaman rakama dönmez. Yine de doğru yaptığınızı, ekran okuyucuyla sayfayı dinleyip ürünü anlayabildiğinizde görürsünüz.

Alt text yazarken hangi dili ve tonu seçmelisiniz?

Alt metinde sade, nesnel ve betimleyici bir dil kullanın. Pazarlama sloganı yazmayın; "muhteşem, eşsiz, en iyi" gibi sıfatlar görseli anlatmaz, yalnızca metni şişirir.

Örneğin "Eşsiz kalitede şık ceket" yerine "Siyah deri ceket, geniş yaka ve metal fermuarlı" yazın. İkinci ifade, görseli göremeyen kişiye gerçekten bir şey söyler.

Marka sesiniz alt metinde değil, sayfa metninde yaşasın. Buna rağmen marka adını gerektiğinde kullanabilirsiniz; örneğin logo bağlantısında ya da marka ürünün ayırt edici parçasıysa.

Emoji, özel karakter ve büyük harfli vurgu da kullanmayın. Ekran okuyucu bunları ayrı ayrı okuyabilir ve cümleyi bozar. Sade bir cümle her zaman daha iyi çalışır.

Görsel dosya adı, boyut ve alt metin birlikte nasıl çalışır?

Alt metin tek başına yeterli olmaz; görselin dosya adı, boyutu ve yüklenme biçimi de aynı bütünün parçasıdır. Google görsel rehberi, açıklayıcı dosya adlarını ve hızlı yüklenen görselleri önerir.

1. Dosya adını açıklayıcı ve kısa yazın, kelimeleri tire ile ayırın.
2. Görseli sayfada gösterileceği boyuta yakın ölçüye getirin.
3. Uygun bir modern format seçin ve sıkıştırmayı kalite kaybı olmadan deneyin.
4. Ekranın altında kalan görsellerde tembel yüklemeyi kullanın.
5. Son olarak bilgi veren her görsele alt metin ekleyin.

Bu sırayı izlemenin nedeni basittir: hızlı yüklenen ve doğru anlatılan görsel hem ziyaretçiyi hem de aramayı memnun eder. Üstelik sayfa hızı, görsel sonuçlarında da kullanıcı deneyimine katkı sağlar.

Ayrıntılı rehber arıyorsanız görsel optimizasyonu yazımıza bakın. Format ve boyut denemeleri için ücretsiz araçlarımız da hazır.

Alt text yazarken hangi kontrol listesini kullanmalısınız?

Aşağıdaki liste, yayına almadan önce her görsel için ekibimizin kullandığı kısa kontrolü özetler.

1. Görsel bilgi mi taşıyor, yoksa süs mü? Süs ise alt="" yazın.
2. Tıklanabilir mi? Evet ise hedefi anlatın.
3. İçinde metin var mı? Varsa metni alt metne taşıyın.
4. Karmaşık mı? Kısa özet yazın, ayrıntıyı sayfa metnine koyun.
5. Cümle kısa, somut ve "görsel" kelimesi olmadan başlıyor mu?
6. Anahtar kelime doğal mı, bir kereden fazla tekrar ediyor mu?
7. Dosya adı açıklayıcı mı?

Görselin boyutu sayfa hızını etkilediği için, alt metin kadar resim küçültme ve resim format dönüştürme araçlarımızı da iş akışına katın. Ayrıca lazy load (tembel yükleme) ayarlarını kontrol edin.

Genel görsel stratejisi için e-ticarette görsel dil ve kullanıcı deneyimi yazısı da iyi bir tamamlayıcıdır. Özetle alt text küçük bir detaydır, ancak doğru yönetildiğinde erişilebilirlik, SEO ve dönüşüm için tutarlı bir kazanç sağlar.