Alt Etiket Nedir ve Nasıl Kullanmalısınız?

Görseller, web sitenizi ilgi çekici ve görsel olarak çekici hale getirmeye yardımcı olur. Ancak, resimleri alternatif metinle ("alt metin" veya "alt etiketler" olarak da anılır) optimize etmezseniz, sitenizin kullanıcı deneyimini ve erişilebilirliğini iyileştirmeye yönelik önemli bir fırsatı kaçırırsınız.

Bunları doğru şekilde kullanmak için önce alt etiketlerin ne olduğunu anlamak önemlidir. Bu yazıda, alt etiketlerin ne olduğunu ve neden kullanıldığını tartışacağız. Ayrıca WordPress'teki resimlere alt etiketlerin nasıl ekleneceğini açıklayacağız ve bunu yapmak için bazı en iyi uygulamaları tanıtacağız.

Başlayalım!

Youtube Kanalımıza Abone Olun

Alt Etiket Nedir?

Alt etiketleri, web sayfasındaki içeriklerini ve bağlamlarını açıklamak için HTML'deki resimlere eklenir. Alt etiketi, medya dosyası yüklenemediğinde veya düzgün görüntülenemediğinde görüntü kapsayıcısında da görünür:

Alt etiketleri, görme engelliler gibi ekran okuyucu kullanan kişilerin web sitenizdeki içeriği anlamasına yardımcı olur. Dahası, arama motoru botları, sitenizi tararken, dizine eklerken ve sıralarken resimlerinizi yorumlamak için bunları kullanır.

Resim etiketinin içine eklenen kaliteli bir alt etiketi, yalnızca resmin ne sunduğunu değil, aynı zamanda sayfadaki amacını da açıklayan kısa bir açıklamadır. HTML kodunda kullanıldığında, tam resim etiketi şuna benzer:

<img src="motorcycle-sunset.png" alt="Man in black and red checkered shirt riding an orange motorcycle at sunset."/>

Resim alt etiketleri bazen resim başlıkları veya alt yazıları ile karıştırılır. Ancak, resim başlıkları farklı bir özellik türüdür. Bir kişi faresini bir görüntünün üzerine getirdiğinde açılır metin olarak görüntülenirler. Öte yandan, başlıklar genellikle altında bir resimle birlikte görünür ve bununla ilgili ek bilgi veya ayrıntılar sağlar. Normal şartlar altında ziyaretçiler resimlerinizin alt etiketlerini asla görmezler.

Görsellerde Neden Alt Etiketler Kullanılır?

Alt etiketleri birden çok amaca hizmet eder. Bunları kullanmanız gerekmese de, bunu yapmanın bazı önemli faydaları vardır. Hem arama motoru tarayıcıları hem de ekran okuma araçları tarafından kullanıldıklarından, web erişilebilirliğinin ve Arama Motoru Optimizasyonunun (SEO) kritik bir bileşenidirler.

Web Erişilebilirliğini Artırıyorlar

Alt etiketler, yardımcı teknoloji veya salt metin tarayıcıları kullanırken bile ziyaretçilerin web sitenizin içeriğine erişebilmesini ve keyfini çıkarabilmesini sağlamaya yardımcı olur. Görme engelli biri web sitenizi ziyaret ettiğinde, ekran okuyucusu onlara sayfadaki metni okuyacaktır. Bir görüntüye ulaştığında, o görüntünün ne olduğunu açıklamak için alt etiketini kullanır.

Alt etiketi eksikse, ekran okuyucu bunun yerine görüntü dosyası adını okuyabilir. Bu genellikle görüntüyü düzgün bir şekilde açıklamakta etkisiz olmakla kalmaz, aynı zamanda özellikle dosya adı SEO için optimize edilmemişse kafa karıştırıcı ve rahatsız edici olabilir.

WordPress'te bir görüntünün alt etiket alanını boş bırakmanız gibi bazı durumlarda, ekran okuyucu o görüntüyü tamamen atlar. Web sayfalarınıza eklediğiniz resimlerin bir amaca hizmet ettiğini varsayarsak, bu yokluk, ziyaretçinin içeriğinizi tüketirken istediğiniz değeri veya istediğiniz deneyimi tam olarak elde edememesi anlamına gelir.

Arama Motoru Sıralamanızı Yükseltebilirler

Resim alt etiketleri, hedeflemeye çalıştığınız anahtar kelimeler için sıralamanızı kolaylaştırabilir. Arama motoru botları zekidir, ancak bir görüntünün görsel yönlerini insanlar gibi yorumlayamaz ve anlayamazlar.

Alt nitelikler, resimleri çevirmek ve daha özel olarak alakalı anahtar kelimeleri dahil etmek için metin tabanlı bir alternatif sunar. Hedef anahtar kelimeleri içeren metinsel açıklamalar, görsel aramalarda üst sıralarda yer alma şansınızı artırabilir.

Görsellerin (ve dolayısıyla alt etiketlerin) SEO'da oynadığı önemli rolü vurgulamak için, "kral yatak takımı" için Arama Motoru Sonuçları Sayfasını (SERP) göz önünde bulundurun:

İlk sayfa yalnızca metin tabanlı sonuçlar üretmez; çok sayıda görüntü sonucu da var. Alt etiketler optimize edildiğinde ve doğru kullanıldığında, SEO'nuzu artırmanıza ve bunun gibi aramalarda görünecek köprü bağlantılı, tıklanabilir görseller oluşturmanıza yardımcı olabilir. Bu, özellikle e-ticaret siteleri ve açılış sayfaları için faydalıdır.

WordPress'te Resim Alt Etiketi Nasıl Eklenir

Web sitenizde resim alt niteliklerini kullanmanın faydalarını anladıktan sonra, bunu gerçekten nasıl yapacağınızı öğrenmenin zamanı geldi. Neyse ki, WordPress bu görevi inanılmaz derecede basit ve basit hale getiriyor.

WordPress'te bir resim alt etiketi eklemek için yönetici kontrol panelinize giriş yapın ve resminizi eklemek istediğiniz sayfaya veya gönderiye gidin. WordPress düzenleyicide artı simgesine tıklayın ve Görüntü bloğunu seçin:

Ardından, resminizi yükleyin veya Medya Kitaplığınızdan birini seçin. Görüntüyü bloğa eklediğinizde, sağdaki kenar çubuğunda Görüntü ayarları paneli açılır. Açıklamanızı Alt metin kutusuna girebilirsiniz:

İşiniz bittiğinde, değişikliklerinizi kaydedin. Bunu mevcut görüntüler için de yapabilirsiniz. Örneğin, sitenizde zaten yayınlanmış bir gönderideki bir resmi güncellemek istiyorsanız, resme tıklayın ve kenar çubuğuna yeni alt etiketinizi girin.

HTML'de Resim Alt Etiketi Nasıl Eklenir

WordPress veya alt etiketleri eklemek ve düzenlemek için bir modül içeren başka bir CMS kullandığınızda, HTML kodunu sizin için otomatik olarak ekleyecektir. Ancak kodu kendiniz eklemek isterseniz bunu kolayca yapabilirsiniz.

WordPress'te alt etiket HTML'si eklemek için ilgili Resim bloğuna tıklayın. Blok araç çubuğunda, üç dikey nokta içeren düğmeyi seçin ve HTML olarak düzenle'yi seçin:

HTML kodu, resim etiketini gösterecektir. Alt özelliğinin boş olduğunu fark edeceksiniz. Metninizi tırnak işaretleri içine yerleştirin:

İşiniz bittiğinde, görsel düzenleyiciye dönmek için Önizleme düğmesine tıklayın ve ardından değişikliklerinizi kaydedin. Herhangi bir dosyanın HTML resim etiketini düzenlemek için bu aynı sözdizimini ve biçimi kullanabilirsiniz.

Resim Alt Etiketleri Yazmak için İpuçları ve En İyi Uygulamalar

Alt etiketlerinizi oluştururken aklınızda bulundurmanız gereken birkaç önemli nokta vardır. Bu en iyi uygulamalara bağlı kalmak, alt etiketlerinizi daha etkili hale getirmenize yardımcı olacaktır:

• Spesifik ve açıklayıcı olun. Alt etiketlerinin amacı, resmi tanımlamaktır, böylece mümkün olduğunca spesifik olmak istersiniz. Açıklamanızın yeterli olup olmadığından emin değilseniz, yalnızca o metin satırını görseydiniz hangi resmi görselleştireceğinizi düşünün.
• Kısa tut. Ayrıntılı olmak isteseniz de, alt etiketinizi bir paragraf uzunluğunda (hatta tam bir cümle) yapmanıza da gerek yok. Maksimum 100 ila 125 karakter hedefleyin.
• Fazlalık olma. Alt etiketinizden en iyi şekilde yararlanmak için gereksiz kelimeler eklemek istemezsiniz. Buna, açıklamadan önce "Resmi" veya "Resmi" eklenmesi dahildir. Bu unsurlar gereksizdir, çünkü zaten ima edilmiştir.
• Alakalı anahtar kelimeleri doğal olarak dahil edin . Hedef anahtar kelimelerinizi göz önünde bulundurun ve mümkünse bunları sayfa bağlamına organik olarak dahil edin. Bu, metne karşılık gelen yüksek düzeyde alakalı resimler kullandığınızda daha kolaydır.
• Anahtar kelime doldurmaktan kaçının. Alt etiketlerinizde anahtar kelimeler kullanmak SEO'yu iyileştirebilirken, aşırıya kaçmamaya dikkat edin. Anahtar kelime doldurma, SEO'nuza gerçekten zarar verebilir ve kötü bir kullanıcı deneyimi üretebilir.
• Metin yerine görsel kullanmayın. Bir alt etiketinin birincil amacı, bir sayfadaki görsel öğeleri işleyemeyen ve yorumlayamayan makineler için metinsel bağlam sağlamaktır. Bu nedenle, özellikle başlıklarınız ve sayfa başlıklarınız için görseller içinde metin kullanmak mantıklı değildir.

Görselleriniz için alt etiketler oluştururken, amacın görseli göremeyenlere anlatmak olduğunu asla unutmayın. SEO ve anahtar kelimeleri hesaba katmak kesinlikle akıllıca bir fikir olsa da, alt etiketlerinizi gerçek kullanıcıları göz önünde bulundurarak yazmak daha olumlu sonuçlar elde etmenize yardımcı olabilir.

Çözüm

Görseller, web sayfalarınızın görünümünü iyileştirmeye ve onları daha ilginç, bilgilendirici ve ilgi çekici hale getirmeye yardımcı olabilir. Ancak, değerlerini en üst düzeye çıkarmak için alt etiketlerle desteklemek en iyisidir. Bu kısa ama açıklayıcı açıklamalar hem kullanıcılar hem de arama motorları için bağlam sağlar. Resim alt etiketleri, kullanıcı deneyimini geliştirmeye, erişilebilirliği iyileştirmeye ve alakalı anahtar kelimeler için sıralamayı kolaylaştırmaya yardımcı olur.

Alt etiketinin ne olduğu veya WordPress'e nasıl ekleneceği hakkında başka sorularınız mı var? Aşağıdaki yorumlar bölümünde bize bildirin!

Öne çıkan görsel Honza Hruby / Shutterstock.com