Alt ve Title Etiketi ile SEO Friendly Image Oluşturma 🚀

İlyas Alçok

SEO

Alt ve Title Etiketi ile SEO Friendly Image Oluşturma 🚀

SEO için en önemli şeylerden biri içeriktir. Ancak içerik deyince genellikle herkesin aklına metin gelir. Yanlış! Bir web sayfası içerisinde yer alan tüm görsel öğeler, textten ya da görselden olmuş olsun tüm menüler, videolar, bannerlar… hepsi içeriğin içinde yer alan ve SEO’ya uyumlu hale getirilmesi gereken unsurlardır.

Özellikle sitenin organik arama sonuçlarında yukarılarda yer alması için text dışındaki sayfa öğeleri için farklı SEO uygulamaları yapmak gerekir. Çünkü Google ve diğer arama motorları yalnızca textleri algılayabilmektedir. Bu da amaca varmak için yapmamız gereken en önemli şeyi anlatıyor ki, o da text olmayan tüm unsurları text olarak arama motorlarına anlatmaya çalışmaktır.

Şimdi bu mantığı görsellere uygulayıp SEO’ya uyumlu görseller nasıl elde edeceğiz ona bir bakalım. Ama öncesinde yapmamız gereken başka uygulamalara da kısaca değinmek istiyorum.

Görselleri Optimize Ederken Dikkat Edilmesi Gerekenler

1- Klasörlerin isimlendirilmesi

İlk olarak arama motorlarının görsellerinize kolay ulaşabilmesi için onları tek bir klasörde toplamaya özen gösterin ve bu klasöre görsel, image veya img gibi onların klasörü tanıyabilecekleri bir ad verin. Bu tarz bir işlem hem sizin işinizi kolaylaştıracak hem de arama motorlarının işini kolaylaştırdığınız için sitenizin üst sıralara taşınmasına yardımcı olacaktır.

2- Görsellerin formatı

Dikkat edilmesi gereken bir diğer konu da görsellerin formatıdır. Her bilgisayarda açılabilecek formatların kullanılması insanların sitenizdeki bilgiye sorunsuz ulaşmalarını sağlayacaktır. Aksi takdirde açılmayan görseller hoş bir görüntü oluşturmayacak ve sitenizi kalitesiz gösterecektir. Bunun için de “jpeg, png ve gif” dosya formatlarını tercih edebilirsiniz.

3- Görsellerin boyutu

Formattan sonra en önemli konu görsellerin boyutlarıdır. Çünkü görsellerin çözünürlülüğü ne kadar yüksekse sayfanın yüklenme hızı o kadar düşer. Bu da beklemekten sıkılarak insanların sitenizi saniyeler içerisinde kapatmasına neden olur. Bu yüzden çeşitli programlar kullanarak görsellerinizin görüntü kalitesini bozmadan boyutlarını küçültmeniz SEO friendly image’lar oluşturmanıza yardımcı olacaktır.

Görsellere SEO’ya Uygun Alt ve Title Etiketi Verme

SEO açısından görseller üzerinde yapabileceğiniz en önemli uyarlama, onları text olarak  arama motorlarına indeksletebilmektir. Bunu görsellere “alt text” ve “title” vererek kolayca sağlayabilirsiniz. Ancak bu noktada SEO yapmak için verilen adlar üzerinde iyice durulması gerekir.

“Alt text” ve “title”dan önce görselleri doğru bir şekilde adlandırmak gerekir. Örneğin iPhone X ile ilgili bir yazı yazdınız ve yazınızı da birkaç iPhone X resmi ile süsleyeceksiniz. İlk resme “iphone-x.jpeg”, ikinciye “iphone-x-1.jpeg”, üçüncüye … adını verdiniz. İlk resme verdiğiniz dosya adı doğru olabilir, ancak diğer görselleri sonuna sayılar ekleyerek isimlendirmek SEO açısından pek yararlı olmayacaktır.

iphone x

Onun yerine yazınızın anahtar kelimelerini en önemliden başlayarak görsellerinize dosya adı olarak verebilirsiniz. Bu ilkine göre SEO açısından daha faydalı bir uygulama olacaktır.

Title ve Alt text’e gelince, “title” görselin üzerine mouse ile geldiğinizde imlecin hemen altında beliren yazıdır.  Görsel hakkında en temel bilgiyi verir, kullanıcı odaklı olduğu için CTA kullanabileceğiniz bir alandır. “Alt text” ise arama motorlarına görselin ne ile ilgili olduğunu anlatır. SEO’ya etkisi title etiketine oranla daha fazladır. Html kodu olarak şu şekilde kullanılır:

<img src=”‘iphone-x.jpeg” title=”iphone x″ alt=”iphone x″>

Doğru Alt Text Nasıl Oluşturulur?

Alt text’ler arama motorlarına görsellerin içerikleri hakkında bilgi verirler. SEO’ya uygun bir şekilde hazırlandıklarında aratılan kelimelerde görsellerin üst sırada çıkmasına yardımcı olurlar.

SEO’ya uygun bir şekilde alt text nasıl hazırlanır sorusuna gelince, isterseniz iPhone X örneği üzerinden devam edelim.

iPhone X ile ilgili bir resim koyduğunuzda buna dosya adıyla ilgili olarak aynı adla alt text koyabilirsiniz ya da iPhone X rekabeti yüksek bir keyword olduğu için aramalarda daha yukarılarda yer almak adına long tail keyword’lerden yararlanarak, bunları görsellere “alt text” olarak kullanabilirsiniz. Böylece çoğu site arasından kolayca sıyrılıp yükselme şansı da bulabilirsiniz.

Kısaca toparlamak gerekirse teknik olarak sitenizi yavaşlatmayan ve sorunsuzca açılan görsel öğelere içeriğinizle bağlantılı keyword’ler atayarak, onları doğru bir şekilde arama motorları için optimize edebilirsiniz.

Yorumları Oku (2)

  1. Furkan

    Resime link verdiğimizi düşünürsek title 2 tane kullanmış oluyoruz. Bu durumda a etiketi içinde mi yoksa img etiketinde mi title kullanmak daha iyi olur? ya da 2 sinde de kullanabilir miyiz

    Cevapla
  2. Mustafa Deve

    SEO yapmaya yeni başlayanlar için bence iyi bir yazı olmuş. İlk defa yapacaklar ve konuya hakim olmayanlar adına aydınlatıcı. Ellerinize ve emeğinize sağlık. Sizi takip etmekten büyük keyif alıyorum.

    Cevapla

E-posta hesabınız yayımlanmayacak.