SEO Makaleleri

Alt Metin Örnekleri ve SEO Resim Optimizasyonu (Detaylı Anlatım 2021)

Bu yazıda, seo resim optimizasyonu ve alt metin (alt text) hakkında bilmeniz gereken her şeyi öğreneceksiniz.

Alt metin (alternatif metin) içeren görseller, tüm web sayfaları için önemli bir varlıktır. Bir sayfanın okunmasını kolaylaştırır, görsel olarak daha çekici hale getirir ve bir konuyu daha iyi sunmaya yardımcı olurlar. Tüm resimleriniz için iyi bir alt metine sahip olmak, bir sitenin erişilebilirliğini artırır ve ayrıca hem görsel arama hem de web araması için SEO’ya yardımcı olur.

Bu yayında, seo resim optimizasyonu ve alt metin (alt text) hakkında bilmeniz gereken her şeyi öğreneceksiniz. Özellikle aşağıdaki konuları ele alacağız:

Alt metin (alt text) nedir?

Alt Metin (alternatif metin veya alt özelliği olarak da bilinir), bir resmi doğru şekilde tanımlayan bir metindir. Bir sayfanın HTML kodundaki <-img> etiketine eklenir.

Aşağıda bir resim için alt metni örneği verilmiştir:

<img src = “/ resimler / bir-resim.png” alt = “bu alternatif metindir”>

Alternatif metin, bir sayfa tarayıcıda görüntülendiğinde gösterilmez, ancak bir resim yüklenemediğinde görünür hale gelir.

Arama motoru tarayıcıları, alt metin değerini okur ve ekran okuyucular, görseli göremeyen kullanıcılara “açıklamak” için bunu kullanır.

Görsel alt metin neden önemlidir?

Tüm resimleriniz için bir alternatif metin sağlamak dört nedenden dolayı önemlidir:

  • Alt metin değeri, görüntü yüklenemediğinde görüntünün yerinde gösterilir (kullanıcıların düşük bant genişliğine sahip bağlantıları olması durumunda)
  • Alternatif metin, bir sayfanın erişilebilirliğini iyileştirir. Görme engelli ve ekran okuyucu kullanan kullanıcılar görüntünün açıklamasını duyabilir. Bu aynı zamanda SEO dostu web tasarımının temel ilkelerinden biridir.
  • Arama motorları, bir resmin neyle ilgili olduğunu anlamak için alt metni kullanır ve SEO için iyidir.
  • Görüntünün bağlantı olarak kullanılması durumunda, alt metin bağlantı metni olarak kullanılır.

Alt Metin ve SEO

Alternatif metin, arama motoru tarayıcılarının görselin konusunu anlamasına yardımcı olduğundan, resim için SEO yaparken yapılandırılması gereken en önemli unsurdur.

Tek öğe bu değil, aynı zamanda bir görüntünün neyle ilgili olduğunu anlamak için görüntü işleme algoritmaları kullanıyorlar, ancak alt metin doğru kullanıldığında onlara büyük bir ipucu veriyor.

Alt metin, bir web sayfasının Web Arama Sonuçlarında sıralamasına yardımcı olur

Aslında Google, ALTERNATİF METİN değerine göre bir web sayfasını Arama Sonuçlarında sıralayabilir.

Google’ın John Muller yakın tarihli bir tweet’inde “Sayfalar, görsel alt özelliklerinde bulunan içerik için web aramasında sıralanabilir” dedi.

Alt metin, web sayfalarının Web Aramasında sıralanmasına yardımcı olur
Alt metin, web sayfalarının Web Aramasında sıralanmasına yardımcı olur

Bundan SEO amacıyla yararlanmak için, ALT metninizin SEO anahtar kelimelerini (veya yakından ilgili anahtar kelimeleri) içerdiğinden emin olun, ANCAK anahtar kelime doldurma yapmadan bir sayfanın sıralamasını istersiniz. İyi alternatif metinlerin nasıl yazılacağıyla ilgili Google örneklerine ve aşağıdaki örneklere bakın.

Alt metin, görsellerin Google Görsel Arama’da üst sıralarda yer almasına yardımcı olabilir

Alternatif metnin SEO’ya yardımcı olmasının bir başka yolu da, Google’ın Görsel Arama’daki resimleri sıralamaktır.

Google’da görsel arayan milyonlarca insan var ve resimlerinizin üst sıralarda yer almasını istiyorsanız, yapmanız gerekenler:

  • Anlamlı bir alternatif metin sağlayın
  • Görseller ilgili metnin bulunduğu sayfalarda yer almalıdır
  • Yüksek kaliteli resimler kullanın
  • Anlamlı resim dosya adları kullanın

Lazy Loading kullanıyorsanız Alt-text bir zorunluluktur

Geç yükleme, resimleri yalnızca kullanıcının görüntü alanındayken yükleyerek bir sayfanın yükleme hızını artırmanın bir yoludur. Diğer bir deyişle, tüm görüntüleri bir kerede yüklemek yerine, kullanıcılar bir sayfayı aşağı kaydırdıkça tek tek yüklenirler.

Bu iyi bir tekniktir ancak SEO topluluğunda bunun SEO için iyi olup olmadığı konusunda şüpheler vardır.

İnsanların, Google botunun baştan yüklenmemişlerse tüm resimleri okuyamayacağından endişeleri var. Bu riski en aza indirmenin bir yolu, tüm resimleriniz için bir alternatif metin kullanmaktır.

Google bot, görseller tam olarak yüklenmemiş olsa bile alt metnin değerini okuyabilir.

İşte Google’dan ilgili tweet.

Tembel yükleme kullanıyorsanız alt metin bir zorunluluktur.
Tembel yükleme kullanıyorsanız alt metin bir zorunluluktur.

İyi alt metin nasıl yazılır?

Arama motorlarına yardımcı olacak, ancak anahtar kelime doldurma yapmadan iyi bir resim alt metni yazmayı görelim.

Alternatif metin, resmi doğru bir şekilde tanımlamalıdır

İlk etapta bir alternatif metne sahip olmanın ana nedeni, bir görüntünün metinsel bir tanımına sahip olmaktır. Doğru bir açıklama, kullanıcıların ve arama motorlarının görsele bakmadan bir görselin neyle ilgili olduğunu anlamalarına yardımcı olan bir tanımdır.

Açıklamanızın doğru olduğundan emin olmanın iyi bir yolu, görseli göremeyen kullanıcılara en iyi nasıl anlatılacağını düşünerek yazmaktır.

İyi bir alternatif metin seçmeyle ilgili Google yönergeleri:

Google Alternatif Metin Yönergeleri
Google Alternatif Metin Yönergeleri

Kısa tutun, ancak tek kelimelik alternatif metinden kaçının

Alternatif metnin uzunluğunu yaklaşık 125 karakter arasında tutun ancak tek bir kelime kullanmaktan kaçının.

Özellikle yaygın görseller söz konusu olduğunda, alt metin, Google görsel aramada uzun kuyruklu anahtar kelimeler için yüksek sıralama şansınızı artırabilir.

Bu resim için alternatif metni düşünün:

Üstte Çilekli Çikolatalı Kek
Üstte Çilekli Çikolatalı Kek

Çok iyi olmayan Alt Metin:

<img src = “kekler.jpg” alt = “kekler” />

İyi Alt Metin:

<img src = “brownies.jpg” alt = “Üstte Çilekli Çikolatalı Kek” />

Ana anahtar kelimelerinizi veya LSI anahtar kelimelerinizi kullanın

Yukarıda, anahtar kelimelerinizi çizgiyi aşmadan kullanmanız ve anahtar kelime doldurmaya başlamanız gerektiğinden bahsetmiştim.

Bunu daha iyi anlamanıza yardımcı olmak için aşağıdaki adımları izleyin:

İçeriğinizle alakalı resimler kullanın – İçeriğin geri kalanıyla alakalı olmayan resimler eklerseniz, açıklayıcı ve anahtar kelime açısından zengin alt metne sahip olamazsınız.

Her zaman ana anahtar kelimelerinizi kullanmayın, anlamsal olarak alakalı anahtar kelimeler kullanın – Çoğu zaman, alt metinde ana anahtar kelimeye sahip olmak zordur, iyi bir alternatif, alakalı anahtar kelimeleri kullanmaktır.

İşte bir örnek,

Diyelim ki “Beagle köpeğinizi getirmesi için nasıl eğiteceğiniz” üzerine bir makale yazıyorsunuz ve bu resim için SEO için optimize edilmiş bir alternatif metin yazmak istiyorsunuz:

Koşan köpek
Top oynayan köpek

Kötü Örnek (alt metin sağlamayan):

<img src = “beagle-dog.jpg” />

Anahtar kelime doldurma örneği:

<img src = “beagle-dog.jpg” alt = “beagle köpek köpeği köpek maması getir” />

Daha iyi bir versiyon:

<img src = “beagle-dog.jpg” alt = “beagle köpek” />

Optimize edilmiş bir alternatif metin örneği:

<img src = “beagle-dog.jpg” alt = “top yakalamaca oynayan beagle köpek” />

“Fotoğraf” veya “resim” kelimelerini eklemenize gerek yok

Arama motoru tarayıcıları bunun bir resim olduğunu bilir, bu nedenle alt metinde bunu tekrar etmeye gerek yoktur. Görüntü hakkında konuşmak için alternatif metin kullanın.

Tüm görseller için bir alt metin ekleyin

Logonuz, düğmelerde kullanılan resimler ve arka plan olarak kullanılan resimler dahil olmak üzere tüm resimlerinize bir alternatif metin eklemelisiniz. Bir alternatif metne sahip olmanın ana nedeninin daha iyi erişilebilirlik olduğunu unutmayın, bu yüzden bunu aklınızda bulundurun.

Bir fotoğrafa alt metin nasıl eklenir?

Bunu yapmanın iki yolu vardır: HTML kodunu manuel olarak düzenleyerek veya CMS’niz aracılığıyla.

HTML Kodunu düzenleyerek alternatif metni ekleyin

HTML’nize bir resim öğesi eklediğinizde, alt metin değerini <img> etiketine [ALT = ”değer buraya gelir”] ekleyerek belirtebilirsiniz.

Örneğin:

HTML Kodunu düzenleyerek görüntülere alternatif metin ekleyin
HTML Kodunu düzenleyerek görüntülere alternatif metin ekleyin


WordPress ve diğer CMS’de alternatif metin ekleyin

Çoğu modern CMS, görsel araçlarını kullanarak ve HTML’yi manuel olarak düzenlemek zorunda kalmadan ALT METİN’i tanımlamanıza olanak tanır.

WordPress kullanıyorsanız, MEDYA KÜTÜPHANESİ’nden bir görüntüyü düzenleyerek veya bir gönderiye bir görüntü ekleyerek ALT metnini belirtebilirsiniz.

WordPress'teki resimlere alternatif metin ekleyin
WordPress’teki resimlere alternatif metin ekleyin

Sonuç

ALT METİN, görsel SEO’nun en önemli unsurudur.

Görme engelli kullanıcıların sitenizde daha iyi gezinmesine yardımcı olmak için tüm resimlerinizde bir alternatif metin kullanın.

Aynı zamanda, görsel alternatif metni, görsellerinizi Google görsel aramada üst sıralarda sıralamak için en kritik faktördür, ancak sayfalarınızın Google web aramasında daha üst sıralarda yer almasına da yardımcı olabilir.

İyi bir alt metin kısa (yaklaşık 125 karakter) ancak açıklayıcıdır. Kullanıcıların bir arama motorunun arama kutusunda kullanabileceği anahtar kelimelerle bir görseli doğru bir şekilde tanımlar.

Gürer Ilgar

Y.T.Ü Elektronik ve Hab. Mühendisi, Full-Stack Web Developer, Sertifikalı SEO ve Dijital Pazarlama Uzmanı. İşletmelerin web sitesi trafiğini, dönüşümlerini ve gelirlerini artırmalarına rehber olan 23 yıl tecrübeli Modern Pazarlama Stratejisti. SEO, Web Tasarımı ve Dijital Pazarlama konularında benimle çalışmak ve birebir eğitim almak isterseniz; İletişim: 0532 574 66 33

İlgili Makaleler

2 Yorum

  1. Merhaba,

    Hazır bir eticaret sitesine ürün fotoğrafları eklerken (html düzenleme seçeneğimiz yokken ve site de worpress ile yapılmamış ise) alt metinleri nasıl ekleriz?

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Başa dön tuşu