Resimler İçin SEO Çalışması Nasıl Yapılır?

İnternet kullanıcıları her zaman bir web sayfasının hızlı bir yapıya sahip olmasını ister. Aslında bu durum arama motorları açısından da çok önemli bir kıstas oluşturmaktadır. Çünkü SEO çalışmalarında bir sitenin hızlı olması, büyük bir katkı oluşturmaktadır. Örneğin bu açıdan SEO çalışmaları gerçekleştirirken, resim yani görsel optimizasyonu sağlamak da olumlu bir etki elde edilmesini sağlamaktadır. Bu açıdan sunulan bu içerik ile birlikte sizlere resim optimizasyonu gerçekleştirebilmek açısından birçok önemli bilginin sunumunu gerçekleştireceğiz. 

Resimlerde İsimlendirme Yapılması

Google üzerinde kullanıcılar tarafından arama gerçekleştirilirken, görseller ilgili sonuç konusunda hızlı ve anlamlı bir şekilde gösterildiğinde, daha iyi sonuçlar sağlanabilir. Bu nedenle web sayfası içerisinde kullanılan görsellerin doğru şekilde adlandırılması, hedef kitle aramalarında yer almanıza yardımcı olur. 

Arama motoru botları, görseller için belirli anlamlar oluşturmaz. Bu nedenle web sayfası sahipleri, görsellerde anlamlı bir isimlendirme yani içeriğin anlamını ifade eden bir isimlendirme yapmalıdır. Örnek olarak “kadın kot pantolonu” açısından arama gerçekleştiren bir kullanıcının karşısına çıkacak görsellerde isimlendirme “IMG235.jpg” şeklinde olmamalıdır. Bu görsel için “kadin-kot-pantolonu.jpg” şefinde bir adlandırma yapılmış olmalıdır. 

Görsellere Açıklayıcı Alt Metinler Eklenmesi

Bir görsel, karakter olarak ve isim olarak net bir şekilde açıklansa da alt metin sayesinde bir metin olarak da açıklanabilir. Yani anlamlı bir mesaj kullanılması ile birlikte kullanıcıya resmin altında yer alan bu alt metin sayesinde bir mesaj sunabilirsiniz. Arama motorları botları için görselin anlamını ifade eden bir isimlendirme yapıldıktan sonra alt metin kullanımı da yapılarak, görselin net anlamı ifade edilir. Bu noktada alt metin yapısında html etiketleri kullanılmalıdır. Örnek olarak;

<img src=”kadin-kot-pantolonu.jpg” alt=”Kadın Kot Pantolonu”/> 

şeklinde etiket kullanılmalıdır. 

Görsellerin Boyut Etiketleri

Web sayfalarında kullanılan görseller CSS veya xhtml kaynaklı olarak boyut almaktadır. Xhtml kaynağına sahip olan resimler, eğer bir ölçü tanımlanmamış ise yüklenirken daha yavaş yüklenir ve bu ölçü bulunmayan resimlerde web tarayıcıları öncelikle resmi tam boyutu ile birlikte açar ve sonrasında orjinal boyutuna çekerek gösterir. Bu işlem bazen saniyeler dahi sürse de bir web sayfasında yüzlerce resim bulunduğunda, sitenin rahat bir şekilde açılması çok uzun bir zaman alabilir. 

Bahsedilen bu uzun süreli işlem açısından xhtml kaynaklı resimlerde resim boyutları 

height=”100″ width=”100″

şeklinde belirtilmelidir. Çünkü bu sayede tarayıcılar resmin boyutlarını çok daha hızlı bir şekilde okur ve kullanıcıya resimleri çok daha hızlı bir şekilde gösterir. 

Aslında web sayfalarındaki görsel kaliteleri çoğu zaman baskı ve web kalitesi olarak belirlenir. Bu açıdan resimlerin boyutlarının küçültülmesi, çok daha hızlı yüklenmesine olanak sağlarken, sıkıştırılmış 10 adet resim, sıkıştırılmamış 1 adet resim ile aynı sürede yüklenebilir. Bu kapsamda da resim boyutlarını düşürebilmek için Photoshop veya Corel Draw gibi programlar sayesinde kalite düzeyi ve çözünürlük düzeylerini düşünmeniz, daha düşük boyutlara çekmeniz ve internet ortamına daha hızlı yüklemeniz gerekecektir. Hatta günümüzde resim sıkıştırma işlemi yapmak için kullanılabilen online “Dynamic Drive” gibi web sayfaları bulunmaktadır. 

Resimlerde Boyut Optimizasyonu Yapılması

Web sayfalarında yer alacak resimler genellikle orijinal boyutu yerine belirli boy standartları ile kullanılır. Örneğin bir web sayfası galerisinde bulunan tüm resimler 300×300 piksel gibi bir resim kalitesinde yer alsa da bulunacağı alanda 100×100 piksel küçültülerek konumlandırılır. 

Bu durumda resim orijinalinde büyük boyutta ve kullanıldığı alanda küçük boyutta olduğu için tıklandığında büyük yani orjinal boyutuna gelir ve 300×300 boyutunda görülür. Bu açıdan bakıldığında kullanılması gereken tüm resimlerin belirli bir yazılım ile site optimizasyon ölçülerine çekilmesi ve standartlar ile kullanılması önemlidir. 

Görsellerde Formatların Önemi

Web sayfalarında farklı amaçlara ve noktalara göre resimler jpg, png veya gif gibi formatlarda kullanılabilir. Aslında bu formatlar sıkıştırma tekniklerinin özelliklerine göre boyut farklılıkları ortaya çıkarır. Eğer web sayfasında bir resim kullanacaksanız, 60 kalite düzeyi oluşturan bir jpg tercih etmeniz, şeffaf bir resim için 8 bit png tercih etmeniz ve bir animasyon için de gif tercih etmeniz daha doğru olabilir. Gerçek görüntüler kullanmak için jpg formatı, çizgi resimlerde png format kullanımı daha doğru görülmektedir. 

Görsellerin URL Kaynakları

Web sayfasında bulunan resimlerde kaynak kod içerisinde url yapısı da site hızı üzerinde önemli bir etki oluşturmaktadır. Genellikle bir web sayfası için xhtml kaynağı ile birlikte görsel kullanma açısından bu şekilde bir kod kullanılır. 

<img src=”https://www.kmn.com/wp-content/uploads/2010/07/kmn-icerik2.jpg” alt=”KMN” width=”125″ height=”125″/>

Ancak bu kod kullanımı yerine ana dizin ile yakın konumda bir resim klasörü oluşturarak, tüm resimleri bu klasörün içerisine atmayı tercih edebilirsiniz. Bu durumda URL adresi içerisinde site adresi bulunmadan daha düşük karakter sayısı ile

<img src=”/tema/images/kmn-icerik2.jpg” alt=”KMN” width=”125″ height=”125″/> 

gibi bir url yapısı kullanılabilir. Çünkü bu sayede de aynı şekilde resimler çağrılır ve yüzlerce farklı resim bu yöntem sayesinde çok düşük karakter kullanımı ile birlikte sade bir site kodlaması gerçekleştirilerek daha hızlı hale getirilebilir. 

CSS Sprite Tekniği

Bu tekniğin kullanılması sayesinde xhtml kaynaklı resimler bir araya getirilerek, tek bir resim olarak kullanılır. CSS kaynağından taşınan bu resimler hızlı bir şekilde gösterilebilir. Kaynak kodunun küçülmesi, onlarca resmin tek bir resim şeklinde çağrılması ve sorgu sayısının azaltılması elde edilir. Bu bağlamda SEO katkısı elde edilmektedir. Bu açıdan;

  • csssprites.com
  • spritegen.website-performance.org 

gibi web sayfalarını kullanarak hiçbir yazılıma ihtiyaç duymadan internet üzerinden işlem yapabilirsiniz. 

Yapılandırılmış Veri Kullanımı

Sayfa hakkında kullanıcılara bilgi sunabilmek ve resmi zengin sonuçlarda ortaya çıkarabilmek açısından görsellerde yapılandırılmış veri kullanımı uygulanması tercih edilebilir. Çünkü görseller video, yemek tarifi veya ürün açısından yapılandırılmış veri kullanımına destek oluşturmaktadır. 

Görsellerde Site Haritası Belirleme

Bu konuda Google tarafından gerçekleştirilen bazı açıklamalar yer almaktadır. Google tarafından belirtildiği üzere “görseller web sayfasında içerik açısından önemli bir bilgi kaynağı oluşturmaktadır. Bu bağlamda Google’a görseller açısından daha fazla ayrıntı verebilir ve bir görsel site haritasına bilgi eklemeniz vasıtasıyla başka türlü bulunamayacak resimler için URL’ler sağlayabilirsiniz.” İfadesi bulunmaktadır. 

Bu bağlamda sitemap içerisinde kullanılabilecek etiketler incelendiğinde;

  • <image:image>: Web sayfalarında görseller <url> etiketleri arasında yer alır. Bu etiket maksimum 1000 sayıda <image:image> etiketi bulundurabilir. Bu etiket, resim hakkında tüm bilgilere sahip olur.
  • <image:loc>: Görsel URL’sinin ifade edildiği noktadır. Bu noktada, URL’lerin robots.txt dosyasında taranmasının engellememiş olmasına mutlaka dikkat edilmelidir.
  • <image:caption>: Görseller ile ilgili açıklama yazısı bu etiket içerisinde yer alabilir.
  • <image:geo_location>: Görsel için coğrafi konum etiketi olarak kullanılabilir.
  • <image:title>: Görsel başlığı için kullanılan etikettir.
  • <image:license>: Görsele ait bir lisans bulunuyorsa, bu etiket ile lisans bağlantısı için URL belirtilir. 

Ayrıca ek bir nokta olarak görseller açısından oluşturulacak sitemap kapsamında <image:image> ve <image:loc> etiketleri mutlaka yer almalıdır. Listede bulunan diğer etiketler ise isteğe bağlı olarak kullanılabilir. 

Görsel Yükleme Sırasında Önbellekleme Yapılması

Web sayfasının tarayıcı üzerinde yüklenmesi sırasında çok fazla resim kullanılması durumunda, tarayıcı önbellekleme yapılarak kullanıcı bekletilmeden sayfa açılabilir. Aslında bu sayede resimler kullanıcının tarayıcısı içerisinde depolanır ve siteye bir daha giriş yapıldığında görseller hızlı bir şekilde açılarak, sayfa da hızlı şekilde kullanıcının karşısına çıkar. 

WordPress Sayfalar Açısından SEO Friendly İmages Kullanımı

Web sayfası sahipleri sadece metin içerikleri ile değil görseller sayesinde de hit almak istiyorsa, SEO Friendly İmages çok faydalı bir eklenti oluşturmaktadır. Türkçe anlamı ile SEO Dostu Resimler olarak görülen bu uygulama, Vlademir Prelovac tarafından bir WordPress eklentisi olarak kullanmıştır. 

Eklenti internet üzerinden indirilir ve ardından FTP üzerinden /wp-content/plugins/ dizini içerisine gönderilir. Sonrasında Admin paneline giriş yapılarak “Eklentiler” sayfası üzerinden eklenti aktif hale getirilir. Bir sonraki adımda ise internet ayarları Admin paneli üzerinden değiştirilir. Ancak genellikle ayarların değiştirilmesi gerekmemektedir. 

Yine de ayarları değiştirmek ve kendi ayarlarınızı oluşturmak istiyorsanız, Admin panelinden “Ayarlar” bölümüne giriş yapıp, bu noktada menü içerisinde SEO Friendly İmages sayfasını seçerek, resimlerinize özel bağlantılar gerçekleştirme şansınız bulunmaktadır. Bu menüde alt etiket kullanılması ile birlikte resimlerdeki alt etiketlerde istenilen yazıları ayarlayabilir veya olduğu şekilde bırakabilirsiniz. 

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Yükselmeye hazır mısınız?