SEO ve Erişilebilirlik için Alternatif Metin Nasıl Yazılır?
Yayınlanan: 2022-04-28Alternatif metin genellikle SEO içerik optimizasyonu tartışmalarına girer. Bir sitenin erişilebilirliğini artırmanın bir yolu olarak tasarlanan, görünüşte önemsiz olan bu alt özelliklerin sitenizin SEO'su ve kullanılabilirliği üzerinde etkisi olabilir. Alternatif metninizden en iyi şekilde yararlanmanıza yardımcı olmak için, SEO potansiyelini en üst düzeye çıkarmak ve sitenizin erişilebilirliğini geliştirmek için alternatif metnin nasıl yazılacağını ele alacağız.
Alternatif Metin nedir?
Alternatif metin veya alternatif metin, bir görüntünün IMG etiketinin HTML kodundaki ALT özniteliği içinde yazılı görüntü açıklamalarıdır.
"Alt nitelikler" veya "alt açıklamalar" olarak da adlandırılan bu metin açıklamaları, görüntünün yüklenmemesi veya kullanıcının görme bozukluğu olması durumunda bir web sayfasındaki görüntülerin görünümü ve işlevi hakkında bilgi sağlar.
Alternatif Metin Kullanımları
Bu alt nitelikler, sayfa içi SEO kontrol listelerinin ön saflarında yer alabilir. Bununla birlikte, alternatif metnin ivmesi , Birleşmiş Milletler'in dünyanın en popüler web sitelerini denetlediği ve görme engelli kullanıcılar için sağladıkları bilgilere çok azının eşit erişim sunduğunu tespit ettiği 2006 yılında başladı. O zamandan beri bu metin öncelikle aşağıdakiler için kullanılmıştır:
Erişilebilirlik için Alternatif Metin
Körlükten renk körlüğüne kadar görme engelli İnternet kullanıcıları, bir web sitesinin içeriğine tam erişim elde etmek için alternatif metne güvenirler. Ekran okuyucu kullanıcıları ve diğer yardımcı teknolojilerin kullanıcıları, alternatif metni yüksek sesle okur. Bu, ekran okuyucu kullanıcılarına sayfadaki tüm bilgilerin daha net bir resmini sunar.
Siteleri keşfetmek için bir ekran okuyucu kullanmak , bir kullanıcının bir ekran okuyucuya güvenmesi durumunda neyle karşılaşacağını daha iyi anlamanızı sağlayabilir.
Yükleme Sorunları ve Kullanıcı Deneyimi için Alternatif Metin
Bir resim dosyası yüklenemiyorsa, yokluğunda alt metni görüntülenecektir. Bu, bir kullanıcının düşük bant genişliğine sahip olması veya veri kaydetmek için tarayıcı görüntülerini kapatmayı seçmesi durumunda oldukça yararlı olabilir. Görme engelli kullanıcılar bir görüntünün amacını ve içeriğini doldurmak için bu alternatif metne güvendikleri gibi, daha yavaş internet bağlantısına sahip kullanıcılar da genel olarak daha iyi bir kullanıcı deneyimi için alternatif metin kullanarak görüntüyü kaçırmazlar.
Ek olarak, alternatif metin bir görüntünün yerine geçtiğinde içeriğinizi zenginleştirir ve okuyucunun metni daha kapsamlı bir şekilde anlamasını sağlar.
Görsel SEO için Alternatif Metin
Web tarayıcıları, görüntünün ne olduğunu, görüntünün amacını ve daha iyi dizin oluşturma ve daha iyi görüntü arama sonuçları için görüntünün bağlamını daha iyi anlamak için alternatif metin HTML'sini okumak için NLP'yi kullanır.
Bu, tarayıcıya web sayfanızı daha iyi anlamasını sağlar ve resminize bir Google görsel aramasında görünme fırsatı verir.
Alternatif Metin Örnekleri
İronik olarak, iyi bir alternatif metnin nasıl oluşturulacağını anlamak genellikle gösterme-anlatma yaklaşımı gerektirir. İşte alt etiket metinleriyle birlikte bazı resim örnekleri:
alt=”Soğuk bir sabahta buzlu bir tarlada duran Beagle.”
HTML'de şöyle görünür:
alt=”Yer ve Gök Heykelinin Onuru”
alt=”<p>Açık kanıt: Atlantik akıntıları Gulf Stream'i taşır</p>”
Alternatif metni biçimlendirme
Çoğu CMS, alternatif metninizi sizin için HTML olarak biçimlendirir. Ancak, alternatif metni uygulamak için IMG etiketinize aşağıdaki kodu ekleyebilirsiniz:
< img src =”dosya” alt =”metin ekle” genişlik =”” yükseklik =””>
İyi Alternatif Metin Nasıl Yazılır
İyi bir alternatif metin yazmak, yaratıcı yazarlık veya kodlama konusunda uzmanlık gerektirmez. Yine de, görüntülere yeni bir mercekle bakmanızı gerektirir.
Bunu yapmanın bir yolu, resmi telefonda birine tarif ettiğinizi hayal etmektir. Bunu yaparken, dinleyicinizin görüntünün amacına ilişkin bir açıklamadan yararlanıp yararlanamayacağını aklınızda bulundurun.
Alt metninizi erişilebilirlik ve SEO göz önünde bulundurularak nasıl daha iyi hale getirebilirsiniz?
1. Mümkün olduğunca açıklayıcı olun.
Daha açıklayıcı alternatif metin, kullanıcıların görseli daha iyi anlamasını sağlar. Açıklayıcı alternatif metninizi oluştururken, görseli neyin önemli, benzersiz kıldığını ve metni nasıl zenginleştirdiğini ekleyin.
Hepimiz temsilin önemli olduğu konusunda hemfikiriz. Ekran okuyucu kullanıcıları ayrıca, bir markanın görsellerine ne zaman dahil olduğunu bilmek ister. Bu nedenle, açıklamalarınızda alakalı olduğunda cinsiyet ve etnik kökene yer verdiğinizden emin olun.
2. Kısa ama çok kısa olmasın. Yabancı bilgileri dışarıda bırakın.
Yukarıdaki örnek çok uzun ve bunun yerine başlık etiketinin veya uzun açıklama etiketinin kullanılmasından faydalanabilirdi.
En iyi alternatif metin, en fazla bir veya iki kelime öbeğidir (veya bir alt metin satırı). Alternatif metninizi oluştururken, verilenleri, bilgi önceliklerinin neler olduğunu ve web sayfası içeriğini nasıl bilgilendirdiğini düşünün. İçeriğe dahil olan herhangi bir şeyi atlayarak fazlalığı azaltın.
Yine, bağlam için görüntünün ve makalenin amacını göz önünde bulundurmak anahtardır.
Alternatif metnin bir başlık olmadığını unutmayın. Kaynak kredisi veya kaynak alıntısı sağlamanız gerekiyorsa, bu bilgi için bir başlık kullanın.
3. Hedef anahtar kelimelerinizi kullanın.
Hedef anahtar kelimeniz resimde görünüyorsa, alt metninize ekleyin. Belirttiğimiz gibi, web tarayıcıları içeriğinizi daha iyi anlamak için bu özellikleri okuyacaktır.
Konu görsel arama olduğunda bile uzun kuyruklu anahtar kelimelerin sıralamasının daha kolay olduğunu unutmayın.
Örneğin, "balina köpekbalığı" için sıralama yapmak yerine, "ağzı açık balina köpekbalığı" için sıralama yapmayı deneyebilirsiniz.
4. Anahtar kelimelerinizi doldurmayın.
Anahtar kelime doldurma asla iyi bir fikir değildir. Özellikle kullanıcıyı görüntünün neyi tasvir ettiği konusunda yanılttığında. Daima, gerektiğinde görüntülerin yerine anlamın yerini alacak uygun ve bilgilendirici alternatif metni hedefleyin.
Ek olarak, Google NLP'nin kelimeler arasındaki anlamsal ilişkilerimizi belirlemede harika olduğunu unutmayın, bu nedenle resminiz hedef anahtar kelimenizle ilgiliyse, alternatif metniniz de olmalıdır ve sonuç, Google'ın indeksleme sistemine doğal bir sinyal olmalıdır.

Örneğin, alt metnin üstündeki resimde "ağır hizmet tipi köpek çiğneme oyuncakları" ndan bahseder. Google, bu resmi, orijinal sorguyla anlamsal olarak ilişkili olan "ağır çiğnemeler için köpek oyuncakları" arama sorgularında görüntüler.
Kötü alt metin = anahtar kelime doldurma: alt = "özel köpek etiketi, özel köpek kimliği etiketi, özelleştirilmiş köpek kimliği."
5. Fotoğraf olduğunu açıklamaya gerek yok.
Birçok insanın yaptığı bir hata, alternatif metinlerine "fotoğraf", "resmi" veya "resmi" eklemektir. Bu gerekli değil. Alt etiketiniz bunun bir fotoğraf olduğunu belirtir, bu nedenle bunlar yalnızca gereksiz laf kalabalığı ve fazlalık ekler.
6. Uzun açıklamalar için longdesc=”” kullanın.
Bir görüntünün, daha iyi bir kullanıcı deneyimi sağlayan alternatif metin içinde daha uzun bir açıklamadan yararlandığı zamanlar vardır. Örneğin, bir blogun eşlik etmediği bir infografik, net bir şekilde açıklanmadıkça değer katmaz.
Bu örnekler için longdesc=”” etiketini kullanmak isteyeceksiniz.
7. Düğmeleri de tanımlayın.
Düğmeler genellikle gömülü metin içeren resimlerdir. Bunlar, metin resimleri kategorisine girer; bu, kullanışlı olmaları için kullanıcınıza ne söylediklerini bilmesini sağlamanız gerektiği anlamına gelir.
Kullanıcınıza aşağıdakileri içeren düğmeler için erişilebilir bir alternatif sağlayın:
< giriş tipi = “” kaynak= “” isim= “”
yükseklik= “” genişlik= “” alt= “düğmedeki metin” >
8. Yazım hatalarından ve yanlış yazılmış sözcüklerden kaçının.
Düzeltme ve doğru yazım, bir ekran okuyucunun görüntünüzün anlamını doğru bir şekilde iletmesini engelleyebilir. Ek olarak, alt özelliklerinizdeki yazım hataları, kontrol edilmediği takdirde bir görsel SEO felaketi haline gelebilir.
9. Resmin türünü düşünün.
Bir görseli tanımladığınızı belirtmenize gerek olmasa da görsel türünün benzersiz olup olmadığını belirtmek isteyebilirsiniz. Bahsetmek isteyebileceğiniz bazı resim formları şunları içerir:
- illüstrasyon
- Grafikler ve çizelgeler
- Tablolar veya diğer güzel sanatlar
- Haritalar
- bilgi grafikleri
- Gifler ve animasyonlar
Alternatif Metin Hakkında Başka Neleri Bilmeniz Gerekir?
Etkili alternatif metin yazmak zamanla ikinci doğa haline gelecektir. Ancak, görsel alternatif metninin ne zaman kullanılacağını, ne zaman atlanacağını ve diğer görsel en iyi uygulamaları bilmek sitenizin SEO'sunu ve erişilebilirliğini de iyileştirebilir.
Yalnızca metin içeren resimlerden kaçının.
Yapılmaması gerekenler:
Bir ekran görüntüsü, PNG veya JPEG metin eklemek cazip gelebilir. Ancak, bu metin asla web tarayıcıları tarafından okunmayacaktır. Ayrıca, bir görseldeki bilgilerden görme engellileri dışlamak istemediğiniz için, o görselin metnini alt text etiketine yazmak isteyeceksiniz.
Alternatif Metin Ne Zaman Eklenmemeli
Dekoratif resimlerin alternatif metin içermesi gerekmez. Bunun nedeni, görüntünün içeriğinin web sayfasının içeriğine anlam katmamasıdır. Ancak, HTML'nize boş veya boş bir alt niteliği eklemelisiniz. Bu boş alternatif metin, ekran okuyucuya görüntünün açıklamasını okumaması için sinyal gönderir.
Boş bir alt niteliğini şu şekilde yazabilirsiniz: alt=“ “ veya alt=””
Ayrıca, yanında metin sürümü olan bir bağlantı olan bir resimle birlikte boş bir alt özniteliği kullanmak isteyebilirsiniz.
Videolar için Alternatif Metne mi ihtiyacınız var?
Hayır, ancak işitme engelli kullanıcılar, diğer dilleri konuşanlar ve videoyu sesli olarak oynatamayan izleyiciler için videonun bir dökümünü eklemek isteyeceksiniz.
Görsellerinizin Alternatif Metni veya Başka Bir Sitenin Alternatif Metni Nasıl Kontrol Edilir?
Bir görselin alternatif metnini okumak için tek yapmanız gereken görsele sağ tıklayıp “İncele” veya “Öğeyi İncele”yi seçmektir. Bu, HTML ve CSS öğesi inceleme aracını açacaktır. Mac'te Control + tıklamayı da kullanabilirsiniz.
Erişilebilirlik sorunları için bir erişilebilirlik denetleyicisi de kullanabilirsiniz .
Daima Resmin İçeriğini Düşünün
Konu düşünülmüş alternatif metin sağlamaya gelince, görselin amacını göz önünde bulundurun. Bu aynı zamanda size hedef anahtar kelimelerinizi kullanmak için birkaç fırsat daha sunar.
Örneğin, bir blogun amacı köpek ödüllerinin kalitesini karşılaştırmaksa, anahtar kelimeniz birinci sınıf köpek mamasıysa ve karşılaştırma için resminiz iki kase köpek mamasıysa, "bir kase birinci sınıf köpek maması" alt metnini kullanabilirsiniz. karşılaştırma amacıyla daha düşük kaliteli bir kasenin yanında yiyecek. ” Bu, anahtar kelimenizi doldurmadan sorunsuz bir şekilde entegre etmenizi sağlar.
Alt metin resim yazısıyla aynı mı?
Hayır. Resim altyazıları, Alt metin yalnızca HTML'nizde bulunurken resim yüklendiğinde bile site kullanıcıları tarafından görülebilir. Altyazıların amacı, görselin içeriğini anlamak için gerekli olan telif hakkı bilgilerini veya açıklamayı sağlamaktır.
WordPress'te Alt Metin Nasıl Eklenir
WordPress'e resim alternatif metni eklemek basittir. Bir görsel yüklediğinizde, sayfaya eklemeden önce görselinizin alternatif metnini ekleyebilirsiniz. WordPress'in bazı sürümleri, küçük resimlerin yanında resim alt öznitelikleri menüsünü içerir. Diğerleri, küçük resim ekranının altındaki menüyü içerir.
İyiden Etkiliye Bazı Alternatif Metin Modelleri
Alternatif metin söz konusu olduğunda, değişen kalite seviyeleri vardır. İyi bir alternatif metinle yetinebilir veya kullanıcılarınız ve SEO için en iyi alternatif metni sağlamaya çalışabilirsiniz. Aşağıda temel alternatif metin modellerinden bazı örnekler verilmiştir:
Kötü: alt=”köpek”
Daha iyi: alt=”tasmalı kahverengi köpek”
En iyi: alt=”Tasması takılı halde çimenlerde mutlu bir şekilde oynayan bronz kaniş”
Kötü: alt=”kitapları olan insanlar”
Daha iyi: alt=”anne ve oğul ödev yapıyor”
En iyi: alt=”ilgili ebeveynlerin gücünü göstermek için oğluna ödevinde yardım eden siyahi bir annenin illüstrasyonu.”
Kötü: alt=”bardak, peçete ve kalem resmi”
Daha iyi: alt=”yazılı ve kalemli bir peçetenin yanında mavi bir kahve kupası”
En iyisi: alt=”solda kahve olan mavi bir kahve kupası, tahta bir masada oturan, karşısında kalem ve arada bir peçete ile kelimelerle sınırlar değil hedefler koymak”
Alternatif Metin: Daha İyi Bir Kullanıcı Deneyimi ve SEO
Resimlerinizin alt metnini oluşturmak için atlamak veya acele etmek kolay olabilir. Ancak bunu yapmak, web sayfası ziyaretçilerinize ve SEO'nuza zarar verir. Alternatif metninizi her web sayfasını iyileştirmenin bir yolu olarak düşünmenizi öneririz. Resimlerinizi arama motorları için optimize etmek, web tarayıcılarına alternatif metin aracılığıyla bağlam sağlamayı içerir. Ek olarak, birçok kişi web sitenizi tam olarak anlamak ve web sitenizle etkileşim kurmak için alternatif metne güvenir. Alternatif metin, yüklenmemesi veya kullanıcının görsel veya bilişsel engelli olması durumunda görüntünün yerini alarak erişilebilirliği artırır.