Seo Uyumlu Görsel Optimizasyonu

Site tasarımından içeriklere kadar her yerde görseller kullanmaktayız. On page SEO unsurlarından olan görsellerin optimizasyonunu sağlamak için bir dizi düzenlemeler yapılması gerekiyor. Bunları yazmaya çalışacağım.

seo uyumlu resimler

Seo için Görsellere Neden Vakit Harcamalıyım?

Görsellere vakit harcamalısınız çünkü  google arama sonuçlarında yükselmeniz için bunu yapmanız gerekiyor. Görsellerinizi ziyaretçiniz ve arama botları için optimize etmeniz sadece görsellerde değil bütün arama sonuçlarında yükselmenizi sağlayacaktır.

Özgün görsel oluşturmak, telif haklarıyla uğraşmamak ve içeriğe uygun yapıya görsellerinizi getirmek için tasarım yetenekleriniz limitliyse mümkünse bu işleri grafikerlere bırakmanızı öneririm.

Arama motorlarının görsel bölümünden elde ettiğiniz görseller hem botlar hemde kullanıcılar tarafından hoş karşılanmayacaktır. Örneğin sağlık yada tatil için oluşturduğunuz içeriklerdeki görseller daha önce zaten keşfedildiğinden ziyaretçi bunun üzerinde pek durmayacaktır. Botlarda kopya diyip geçecektir.

Bunun için sadece seo için değil içeriğinizi zenginleştirmek adına bol görsel kullanabilirsiniz. Unutmamakta fayda var, bazen bir resim onlarca kitaba denk gelen bilgiyi temsil edebilmektedir.  Şunu da hesaplamak gerekiyorki içeriğe özgün görseller oluşturmak ve yüklemek ciddi vakit ve maliyet alıyor.

Özgünlüğün yanı sıra görsellerin seo için teknik taraflarınıda unutmamalısınız. Mobil ziyaretçileri, dosya ve resim boyutu, yüklenme hızı vb. bir çok unsuru hesaplamalısınız.

Bunları yazmama rağmen blogdaki yazılara görselleri hızlı şekilde neredeyse rastgele ekleyerek oluşturuyorum. :)

Etkili ve Özgün Görselleri Oluşturma

Daha önceden yazdığım gibi içerikleriniz özgün görseller oluşturmalısınız. Google, bing ve diğer arama motorlarının görsel arama bölümünden temin edeceğiniz görseller kopya, telif hakkı ve diğer seo problemlerini oluşturabilir. Bunun için stok görselleri aşağıdaki sitelerden temin edebilirsiniz. Free stock images vs gibi aramalarla telif hakkı bulunmayan görsellere ulaşabilirsiniz.

  • pexels.com
  • stock.xchng
  • freeimages.com
  • designerspics.com

Ayrıca temel düzeyde photoshop bilmeniz halinde kendi başınıza içeriklerinize özgün imajlar oluşturabilirsiniz.  Youtube’dan bir kaç banner yapımı videosu izleyerek hızlıca basit grafik tekniklerini öğrenebilirsiniz. Kendiniz uğraşmak istemiyorsanız forumlardan ve ilan sitelerinden grafikerle anlaşabilirsiniz.

Kaza eseri telif hakkı olan görselleri kullanılırsanız dava açıyorlar. Genellikle dava açmadanda önce sizi uyararak devoloper lisansı almanızı öneriyorlar. Bir çok müşterimin başına geldi ve hiç biri ciddiye bu olayı almadı. Dava vs. açanda olmadı.

Görsel Uzantıları

Özgünlüğün yanı sıra görselin uzantılarınıda dikkat etmelisiniz. 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. Gif uzantısı sıradan, genel 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

Görsel işlerinin en başında yapılan hata olan resimlere doğru isimler verilmemesidir. Resimleri alakasız yada numaralı adlarla yüklemek size tonlarca iş yükü çıkartacaktı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, kremali-cikolota.jpg vs gibi…

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.

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

Alt Tanımlayıcı Etiketini Kullanın

Seo konusunda uzman olmayı istiyorsanız en azından temel düzeyde HTML bilmeniz gerekiyor. HTML bilmiyorsanız her yerde karşılaşacağınızdan zorluklar yaşabilirsiniz. Seo uzmanı olma konusundaki makaleyi okuyabilirsiniz.

Erişilebilirlik ve arama botlarına resimlerinizin ne olduğunu anlatmak için html kodlamasında 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ü” />

Not: Yazıyı 2013’de yazmıştım ve resimleri yorumladığını eklemişim. 2017’deyiz ve google resimleri artık yorumluyor!

https://cloud.google.com/vision/ adresine girerek test edebilirsiniz.

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 ve görselin düzgün görülmemesini sağlamaktadır. WordPress’e 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. Özelliklede 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.

Linux’ta Resim Sıkıştırma

Optipng ve jpegoptim yüklemesini yaparak resimlerinizi hızlı şekilde sıkıştırabilirsiniz. Bu iki araç bazen etkin sonuç vermiyor fakat windows ortamındanki yazılımlara göre çok hızlı çalışıyor.

Css Sprite Tekniği ve CSS Arkaplan Resimleri

Seo uzmanlarınca css sprite tekniği her projede 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 sadece bir resim yüklenerek hız konusunda büyük avantaj sağlanmaktadır.

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. Bunun için CSS3 background özelliklerine göz atabilirsiniz.

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 yüklenme hızı sunmaktadır. Bazı durumlarda cdn kullanmanız tavsiye edilmektedir. Binlerce görsel ve ciddi yoğunluğu olan sitelerde kesinlikle CDN kullanılabilir. Kurumsal, günlük 100 ziyaretçiyi aşmayan ve toplamda 50-100 tekil ziyaretçiyi ağırlayan siteler için CDN kullanmanın anlamı yoktur.

Eğer farklı coğrafyalara yayın yapan çoklu dilli siteniz varsa CDN kullanmanızı öneririm. SEO açısından size artı puan sağlayacaktır.

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

Geçmişte bu sorunun cevabı hayırdı fakat sonraki yıllarda etkili olabileceği şeklindeydi.

Şu günlerde ise orjinal ve kaliteli görseller kullanmanız elbette fayda sağlar. Kullanıcıya ve botlara kendinizi sevdirirsiniz. Günümüzde yapay zekanın aramalarda etkin olması ve kullanıcıya doğru sonuçlar vermek için tonlarca ihtimali sıralama kriteri olarak ele aldığını düşünürsek görseller sıralamamıza olumlu etkiler oluşturabiliriz.

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

  • Görselleri botlar için değil sitenize gelen ziyaretçileriniz için oluşturun.
  • 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.
  • Özgün görsel üretemiyorsanız  en azından direkt kullanmak yerine birazda olsa 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 alın.

Sonuç Olarak

Görsellerin kullanıcı deneyimi,  sosyal medya, seo ve dijital pazarlamanın bütün kanalları arasında büyük önemi bulunmaktadır. Gereken önemi göstermelisiniz.

10 Yorum

  1. genç spor
    • Tolga Ayriç
  2. deniz
  3. Eskişehirde Çilingir
  4. ibrahim
  5. Doğrucu Davut
  6. Mehmet Ali

Yorum Yap