Seo Uyumlu Resim Optimizasyonu

Site tasarımından içeriklere kadar resimler kullanmaktayız. On page SEO unsurlarından olan resimlerin optimizasyonunu sağlamak için bir dizi düzenlemeler yapılması gerekiyor. Seo uyumlu resim optimizasyonu genellikle dikkat gerekktirmektedir. Bazen özgün resimlerin oluşturma süreci neredeyse içerik kadar vakit harcamaktadır. İleriye dönük SEO çalışmaları için resimlerinize özen göstermelisiniz.

seo uyumlu resimler

Resimlere Seo için Neden Vakit Harcamalıyım?

En önemli sebeplerin başında google arama sonuçlarında yükselmek gelmektedir. Arama sonuçlarında üst sıralarda yer alacak görsellerden ziyaretçi edinebilirsiniz. Arama motorlarından bulduğunuz görseller zaten sonuçlarda olduğu için sizin yüklediğiniz aynı resimi üst sıraya çıkartmasını beklememek gerekiyor. Sadece masaüstü kullanıcılarını değil mobilden giriş yapan ziyaretçileri de düşünerek dosya ve resim boyutu, yüklenme hızı vb bir çok unsuru göz önünde bulundurmalısınız. Görsellere gereken önemi gösterdiğiniz takdirde ziyaretçilerinize iyi bir kullanıcı deneyimi sunabilirsiniz. Ayrıca unutmamakta fayda var, bazen bir resim onlarca kitaba denk gelen bilgiyi temsil edebilmektedir.

Doğru ve Özgün Resimleri Bulun

Özgün resim bulmak ciddi bir uğraştır. İçeriklerinizde hangi resimin nerede kullanacağı oldukça önemlidir. Google, yahoo ve bing görsellerinde istediğiniz resimleri genellikle bulamazsınız. Arama motorlarındaki var olan resimleri tekrardan yüklemek, aynı görselleri kullanmak pekte gerekli değildir. Arama motorları haricinde aşağıdaki sitelerden daha fazla özgün görsele erişebilirsiniz.

  • flickr.com
  • stock.xchng
  • freeimages.com
  • designerspics.com

Ayrıca temel düzeyde photoshop bilmeniz halinde kendi başınıza içeriklerinize özgün resimler oluşturabilirsiniz.  Özgün resimlerin yararına örnek olarak youtube kanallarına bakabilirsiniz. Her video için özel resim atayan kanalların izlenme oranları daha yüksektir.

Hangi resim uzantısını kullanılacağı önceden bilinmelidir. JPEG sıradan resimler için iyi bir seçimdir. Gif ise dekor, hareketli resimler yada küçük görseller için kullanılır ve  boyutu yüksektir. Sıradan resimler için seçilmemektedir. PNG ise hem jpg hemde gif için daha kaliteli ve iyi bir alternatiftir.

Resimlere Mantıklı İsimler, Açıklamalar Belirleyin

Birçok seo uzmanı tarafından yapılan hataların başında resimlere doğru isimler verilmemesi gelmektedir. İlerleyen süreçlerde resim sayısı arttıkça düzenlenmesi ciddi vakitler alacaktır.

Çikolata tanıtımı üzerine bir site olduğunu varsayalım. Resimleri yüklemeden önce optimize etmeniz gerekmektedir. Resimlerin fotoğraf makineleri tarafından oluşturulan isimleri DCIM001, PIC003 vb.  olacaktır. İlk olarak bu resimlere, içeriğiyle alakalı mantıklı isimler verilmelidir. Örneğin, sut-beyaz-cikolata.jpg, nefis-cikolota.jpg vs gibi…

Not : Burada dikkat edilecek bir unsur wordpress tarafından aradaki (-)tireleri resimlere otomatik eklenmektedir. Türkçe karakter kullanmayınız. Kullanılan resimin içerikle örtüşmesi gerekmektedir.

Eticaret yada ürün tanıtım sitelerinde aynı resimlerden birden fazla olmaktadır. Aynı cep telefonunun birden fazla resimi bulunmaktadır ve bunların isimlerini düzenlerken küçük bir karışıklık yaşayabilirsiniz.  Bu tarz durumlarda resimlerin açıları, renkleri kısacası fotoğrafın anlattığını dosya adına vermelisiniz. Mesela x-telefon-on-kamerasi.jpg, x-telefon-arka-gorunumu.jpg, x-telefon-mavi-kasa.jpg gibi… Resim isimlerine x-telefon1.jpg.  x-telefon2.jpg olarak numaralandırmamak gerekiyor. Resim düzenlemeleri harici diğer eticaret seo kriterlerine göz atabilirsiniz.

Alt Tanımlayıcı Etiketini Kullanın

Seo konusunda uzman olmayı istiyorsanız en azından temel düzeyde HTML bilmeniz gerekiyor. Erişilebilirlik ve arama botlarına resimlerinizin ne olduğunu anlatmak için alt etiketine resim adını girmelisiniz. Arama botları resimleri yorumlayamazlar. (Belkide şimdilik)  Bu yüzden alt etiketi kullanmalısınız.

<img src=”x-telefon-arka-gorunumu.jpg” alt=”X Telefon Arka Görünümü” />

Büyük Boyutlu Resimler

Sıklıkla yapılan amatör hatalardandır. 3000×1600 pixel boyutuna sahip resimler  300X300 pixel formatında kullanılmaktadır. Bu kullanım sayfa hızının geç yüklenmesine, görselin düzgün görülmemesini sağlamaktadır. WordPress bir resim yüklediğinizde otomatik olarak bir kaç farklı boyutta kullanmanıza izin vermektedir. Farklı bir cms sisteminiz varsa bu özelliğin eklendiğinden emin olunuz. Diğer türlü maalefes bütün resimlerle tek tek düzenlemekle uğraşacaksınız.

Resimlerinizi Sıkıştırın

Resimlerinizi sıkıştırarak dosya boyutundan kar edebilirsiniz. Özellikle de görsellerin bol kullanıldığı eticaret ve büyük çaplı portal vb sitelerde bu size yarı yarıya disk alanı açmaktadır.  Resimleri optimize etmenin temel olarak iki yolu bulunmaktadır. Online ve offline düzenleme seçeneğiniz bulunuyor. Resimlerinizi düzenleyebileceğiniz bazı alternatifler;

  • picmonkey.com
  • pixlr.com
  • jpegmini.com
  • punypng.com
  • imageoptim.com
  • fotoflexer.com
  • Kraken.io
  • smushit.com/ysmush.it/
  • Photoshop

Önemli Not: Hızlı yükleme süresi için görsellerin kalitesini abartılı derecede azaltmak görüntüde bozukluklar oluşturacaktır.

Css Sprite Tekniği ve CSS Arkaplan Resimleri

Seo uzmanlarınca css sprite tekniği sıkça söylenmektedir. Css sprite tekniğine göre birden fazla irili ufaklı görsel bir araya getirilip tek bir resim oluşturulur. Tek bir resim içerisinde bulunan görsellerin hangisi gösterilmek isteniyorsa ona ait lokasyon verileri css tarafında belirtilir. Bu teknik sayesinde birden çok resim yerine tek bir resim yüklenerek hız konusunda büyük bir avantaj elde edilmektedir.

CSS arka plan görselleriniz için direkt büyük resimler kullanmayınız. CSS3 aracılığıyla resimlerinizdeki efektlerin çoğu yapılabilmektedir. Ayrıca desenli büyük resimlerinizin küçük bir parçasını alarak arkaplanda tekrar ettirmeniz aynı görüntüyü verecektir.

Open Graph, Schema Markup, TWITTER Cards

Facebook ve twitter paylaşımlarında hangi görselin paylaşımda gösterilmesini istiyorsanız facebook için open graph, twitter için twitter cards kullanmalısınız. Schema.org kullanarak arama motorlarına görseliniz hakkında detaylı bilgiler sunabilirsiniz. Kullanıcıya daha arama sonucu sayfasındayken bilgilendirebilirsiniz. https://schema.org/ImageObject adresini ziyaret ederek daha detaylı bilgi alabilirsiniz.

Resimler için Site Haritası Kullanın

Sitenizdeki sayfaları arama motorlarına bildirmek amacıyla site haritaları kullanılmaktadır. Örneğin html site haritası ziyaretçiler için kullanılmaktadır. Aynı şekilde görseller için de haritalar bulunmaktadır. Xml formatında oluşturulan site haritaları google webmaster araçları panelinden bildirilmektedir.

Ek olarak video site haritaları da yer almaktadır.

CONTENT DELIVERY NETWORKS – CDN

CDN aşırı trafikten kurtararak mükemmel bir yüklenme hızı sunmaktadır. Bazı durumlarda cdn kullanmanız tavsiye edilmektedir. Binlerce görsel ve ciddi bir yoğunluğu olan sitelerde kesinlikle CDN kullanılabilir fakat kurumsal, günlük 100 ziyaretçiyi aşmayan ve toplamda 50-100 arasında değişen siteler için CDN kullanmanın gereği yoktur.

Orjinal/Kaliteli Resimler Kullanmak Arama Sonuçlarında Yükselme Sağlar Mı?

Orjinal ve kaliteli resimler kullanmanızda fayda vardır fakat özgün içerik kadar bir geri dönüşü olmamaktadır. Resimlere basit optimizasyonlar yapılarak kullanılan görsel hakkında arama motorlarına bilgi sunulmaktadır.

Eticaret sitelerine tedarikçiler tarafından aynı görseller gönderilir. Binlerce site aynı görselleri kullanmaktadır fakat arama sonuçlarına pek yansımamaktadır. Tavsiye olarak ürün açıklamalarında kendi oluşturduğunuz görselleri kullanarak açıklamaya zenginlik katabilir aynı zamanda da kullanıcıya daha detaylı bilgiler sunabilirsiniz.

Kısaca Dikkat Edilecekler

  • Doğru resim adı kullanın.
  • Alakasız resim boyutlarından kaçının ve gerek gördüğünüz yerde düzeltmeleri yaparak iyi bir site yüklenme süresi elde edebilirsiniz.
  • Resimleri direkt kullanmak yerine içeriğine göre değiştirerek daha ilgi çekici hale getirebilirsiniz.
  • Alt, title etiketlerini eklemeyi unutmayınız.
  • CSS’de abartılı boyutlarda arkaplanlardan kaçının. Ikonlar, minik görseller için de css sprite tekniğini mutlaka kullanın.
  • Görseller için site haritasını unutmayınız.
  • Binlerce resim içeren siteniz varsa cdn hizmeti almanızda fayda var.

Sonuç Olarak

Görselleriniz oldukça önemlidir. Seo uzmanı ile çalışıyorsanız resim unsurunu önemle belirtmelisiniz. İleriye dönük seo çalışmalarını şimdiden gerçekleştirmek istiyorsanız özgün resimler kullanarak sosyal medyada paylaşılabilir kalitede olmasına göstermelisiniz.

4 Comments

  1. genç spor 15 Aralık 2013
    • Tolga Ayriç 16 Aralık 2013
  2. deniz 12 Mayıs 2014
  3. Eskişehirde Çilingir 22 Şubat 2016
  4. Pingback: Premium Seo Pack Ayarları 31 Ekim 2016

Leave a Reply