Resim Yerine Metin Kullanımı

"Önemli isimleri, içeriği veya bağlantıları görüntülemek için resimler yerine metin kullanmaya çalışın. İçerik için resim kullanmanız gerekiyorsa, ALT özelliğini kullanarak görsele birkaç sözcük ekleyin. "

- Google web yöneticisi kuralları

Resim Yerine Metin Kullanmanın Faydaları

Metin görsellere kıyasla kilobayt olarak çok daha az yer kaplar ve site açılış hızını; haliyle de SEO’yu etkileyen önemli bir etmendir. Sitenizde metin kullandığınız takdirde hem sayfa açılış hızınız artar hem de web sunucunuz ve erişilebilirliğiniz çok daha iyi bir noktaya gelir.

Yaygın Yapılan Hatalar

• Logolar - İşletme adınız bir resimde bulunuyorsa; başka bir yere de işletme adınızı içeren bir metin yerleştirin.
• Adresler - İş yeri adresiniz her zaman bir resimde değil, sayfalarınızdaki herhangi bir yerde metin olarak da yer almalıdır.
• Küçük işletmeler - Ana sayfanız yalnızca büyük bir grafikse, işinizi tanımlamak için metin de eklemelisiniz.

Metin Bağlantıları Resim Bağlantılarına Göre Daha İyi Anlaşılır

Metinler, arama motorları tarafından fark edilirler; ancak bu durum resimler için geçerli değildir. Sayfanızdaki önemli bağlantılar için görüntü kullanırsanız; metin olarak anlaşılamayabilir veya tanınamayabilir. Web sitenizin menüsünde “arabalar” yazan metin yerine “otomobil” görüntüsünün yer aldığını düşünün. Bu durumda, resmin “arabalar” yazan bir ALT etiketine sahip olduğundan emin olmanız gerekir.

Metinsiz Yanlış Bir Görsel Kullanımına Örnek

Hayvanlarla ilgili bir web sitesinde gezinmek için yalnızca üzerinde iki resim bulunan bir ana sayfanın olduğunu düşünün.

Filler ile ilgili bilgiler için bir fil resmi, zürafalar ile ilgili bilgiler içinse bir zürafa resmi olsun.Bu hangi hayvanı okumak istediğinizi seçmek için keyifli bir yol gibi görünebilir, ancak bu karışıklığa ve eksik bilgiye yol açar.

Metin ile Doğru Görsel Kullanımına Örnek

Bunu düzeltmek için her resmin altına “fil” ve “zürafa” yazan bir metin bağlantısı eklenebilir.
Resimlere ek olarak metin bağlantılarına sahip olmanın bir başka önemi; görme engeli olan ve görüntü bağlantılarını göremeyecek kişilerin web sayfanıza erişebilmesidir.
Bir diğer önemli neden, Googlebot’un bir resmin ne olduğunu “görememesi” dir. Web sitenize bakın ve resimleri link olarak kullanıyorsanız, yukarıda açıklanan şekilde bir metin bağlantısının bulunduğundan emin olun.

Metin ile Doğru Görsel Kullanımına ‘’İyi’’ Bir Örnek

Bu örnek; metin bağlantılarına sahip ve her bağlantı altında bir metin açıklaması eklemiş. Küçük bir paragraf veya metin cümlesi; kullanıcılarınızın ve arama motorlarınızın, sitenizin neyle ilgili olduğunu anlamasına yardımcı olur.

Resimleri Kullanma

Bu yazıda resimlerin kullanılmaması gerektiğini tabi ki söylemiyoruz; sadece resimle beraber metnin de kullanılması gerektiğini belirtiyoruz. Sitenizi yaparken şu soruyu kendinize sormanız lazım; ‘’Hiç resim olmasa da bu sayfa anlaşılabilir mi?’’. Eğer cevabınız ‘’evet’’ ise; doğru yoldasınız demektir.

Alt Metin

Alt metin; bir görüntüyü arama motorlarının ve ekran okuyucularının anlayabileceği hale getirmek için eklediğiniz metindir. Web siteniz için çok önemlidir ve sıralamanızı etkileyebilir.

Alt Metin Örneği

<img src="images/metin-link-no.png" alt="iki resim gösteren ve metin içermeyen web sayfası"/>

Çoğu zaman tasarım nedeniyle web sitenizde veya menünüzde resimler bulunur. Üzerinde herhangi bir yazı olsa dahi; yine de bu bir resimdir. Bu tür resimlerde bulunan herhangi bir metin, görme engeli olan kişiler ve arama motoru tarayıcıları tarafından okunamamaktadır. Arama motoru tarayıcıları bunu okuyamazlarsa, içeriğin orada olduğunu bilemezler.

Web siteniz; görme engellilere ne kadar erişebilir haldeyse, arama motoru tarayıcılarına da o kadar erişilebilir haldedir.

İş adresinizin kesinlikle bir metinde bulunması gerekir. Adresiniz, kullanıcılar ve arama motorları için çok önemli bir faktördür. İş yerinizi ikame ettiğiniz yer çok önemlidir.

İşletmenizin adı ve logosu sadece bir resimdeyse; arama motorlarına işletmenizin adını söylememiş olursunuz. Sayfalarınızı kontrol edin ve logonuza ek olarak işletmenizin adının metinde göründüğünden emin olun.

Anahtar Kavramlar

• Web siteniz, görme engelli kişilere ne kadar erişebilir olursa, arama motoru tarayıcıları tarafından da o kadar iyi fark edilecektir.
• Web sitenizi veya hizmetlerinizi tanımlamada önemli olan her şey metine eklenmelidir.
• Herhangi bir görüntünün olduğu yerde bir metin alternatifi de olmalıdır.
• Yüklenecek daha az resim, daha hızlı web sayfaları anlamına gelir.
• Daha hızlı sayfalar daha iyi bir mobil deneyim sağlar.

Web Sitenizdeki Resimleri ve Metin Bağlantılarını Kontrol Edin

• Resim bağlantısıyla ilgili sorunlar için Google yönerge aracıyla sayfanızı kontrol edin.
• Google tarafından sağlanan en iyi resim örneklerini takip ettiğinizden emin olun.

Kaynak: varvy.com (https://varvy.com/)