Yukarı çık

Görseller ve Resimler

Sitenize eklediğiniz görselleri arama sonuçları için optimize ettiğinizde, kullanıcıların içeriklerinizi keşfetme sürecine yardımcı olabilirsiniz. Google görsellerde daha fazla resim sonucu arttırmak için uymanız gereken bazı temel kurallar bulunmakta. Google’ın bizden istediği kurallar;

  • İçeriğinizin konusu ile resimleriniz uyumlu olsun.
    Konunuza eklediğiniz görselin, sayfanızda değindiğiniz içerikle alakalı olması gerekmektedir. Fakat içeriğe bir değer katmıyorsa görsel eklemenize gerek yoktur.
  • Görsellerin yerini iyi seçin.
    Kullanacağınız görseli, içeriğiniz ile alakalı metinlerin yakınlarına koymaya özen gösterin. Bu görsel içeriğinizi destekleyecek türde olacak ve kullanıcıya bilgi verecektir. Bu yüzden en önemli görsel içeriğinizi en üst konuma yakın yerlere yerleştirmek yararınıza olacaktır.
  • Bilgilendirici ve kaliteli site içerikleri oluşturun.
    Sitenizde bulunan içerik ile görseller arasındaki alaka düzeyi Google görsellere çıkma oranınızı arttıracaktır.
  • Görselleri eklerken Alt etiketi girmeyi atlamayın.
  • URL yapısını dikkate alın.
    Kullandığınız görselin, dosya isminin düzgün olmasına ve URL yapısınında uygun bir hiyerarşi düzeyinde olmasına dikkat edin.
  • Görsel başlık ve açıklamasını doğru yazdığınızdan emin olun.

Sitenizin Başlık ve Açıklamalarına Dikkat Edin

Google görsel aramalarında başlık ve açıklama görünümü
Google görsel aramalarında başlık ve açıklama görünümü
Birden fazla Google Görsel aramalarındaki başlık görünümleri
Birden fazla Google Görsel aramalarındaki başlık görünümleri

Google Görsel güncellemesinden sonra görsellerde artık sayfanızın başlık ve açıklamaları görselleri tanımlamak ve kullanıcıların sorgularına cevap vermek için kullanılmaktadır. Bu yüzden içeriğinizi oluştururken görsellerin içeriğiniz ile tam alakalı olması, size görsel aramalarından da trafik getirecektir.

Google bu bilgileri sayfa başlığınız ve açıklamalarda bulunan bilgilerden de alabilirken sizin tanımlayacağınız yapısal veriler ile daha doğru sonuçlara da ulaşabilir. Yapısal verileri eklemek, resimlerinizi öne çıkarılmış rozet olarak yani zengin sonuç olarak görüntülenmesini sağlayacaktır. Böylece kullanıcılar görünen resmin içeriğinin ne ile alakalı olduğunu daha rahat anlayabilirler.

Google görsel aramalarındaki zengin resim görselleri
Google görsel aramalarındaki zengin resim görselleri

Kullanabileceğiniz yapılandırılmış veriler;

Normal arama sonuçlarında kazanabileceğiniz zengin sonuç yapısının aynısını doğru bir yapılandırma ile Google Görsel aramalarında da sahip olabilirsiniz.

Data-vocabulary.org yapısı artık kullanılmayacağı için Schema.org yapısını kullanmanız ve eski data yapılandırmalarını güncellemeniz gerekmektedir.

Yüksek Kaliteli Resimler

Bulanık, belirsiz görsellerden ziyade daha net, anlaşılabilir ve kullanıcılara hitap eden görselleri tercih etmeniz trafik alma olasılığınızı arttıracaktır.

Değindiğiniz konu, ürün veya içerikle alakalı olarak yüksek kalitede sunacağınız resimler kullanıcının ilgisini daha fazla çekecektir.

Araba sektörü ile ilgili bir siteniz varsa, iç ve dış görüntülerindeki kullandığınız resim kalitesinin yüksek olmasını isterseniz. Bulanık, tam olarak anlaşılmayan resimleri kullanıcılara daha iyi bir içerik sunmak için kullanmamanız gerekmektedir.

İcon, logo, metinlerde kullanacağınız görselleri 2x, 3x ekran çözünürlüğüne uygun eklemeniz yüksek DPI sahip ekranlarda daha güzel sonuçlar elde etmenize neden olur.

Tabi ki vektörel (SVG) tarzındaki resimler her çözünürlükte sıkıntısız olarak gözüktüğü için logo, ikon gibi resimleri vektör biçiminde tercih etmeye özen gösterin.

Alternatif Metin (Alt Text) nedir?

Alt text veya alt etiketleri olarak da bilinen alternatif metin, bir sayfadaki görüntünün görünümünü ve işlevini HTML kodları ile tanımlanmasına verilen isimdir. Alternatif metinler neden önemlidir?

  • Resimlerinize alt etiketleri eklemek, Googlebotlarının sitenizi daha rahat okuyabilmesi anlamına gelir.
  • Ekran okuyucu kullanan görme engelli kullanıcılar, sayfadaki bir resmi daha iyi anlamak için alternatif bir özellikler olarak kullanmaktadır.
  • Görüntünüz yüklenmezse, görüntü yerine alt etiketleri kullanılır.
  • Alt etiketleri, arama motorları tarafından arama sorgularına eklenmesine yardımcı olur.
Google logosunun alt etiketi
Google logosunun alt etiketi

Sağ taraftaki kod alanındaki sarı ile marklanmış kısım Google logosunun alt etiketini göstermektedir. Google Alt etiketinin en iyi kullanımı olarak bizlere şu örneği vermektedir.

Kötü (anahtar kelime doldurma): <img src="yavruköpek.jpg" alt="köpek yavrusu köpek bebek köpek yavru yavrular sevimli köpekler talaş yavrucuklar köpek retriever labrador av köpeği setter pointer yavru jack russell terrier yavrular köpek maması ucuz mama yavru köpek maması"/>

Ortalama: <img src=”yavruköpek.jpg” alt=”yavru köpek”/>

En iyi: <img src="yavruköpek.jpg" alt="Dalmaçyalı yavru köpek atılan topu getiriyor"/> 

Google sadece resimlerinizde ne olduğu değil, tam olarak içeriğinde ne olduğunu düzgün ve açık şekilde anlatılmasını istiyor. Bu yüzden alternatif metin oluştururken anahtar kelimeler ile doldurmak yerine resmin içerisinde ne geçiyorsa onu ekleyin.

İyi Alt Etiketi nasıl yazılır?

  1. Görüntüyü olabildiğince açıklayın. Alternatif metinler, görme engelli kullanıcılar için görüntülerin metin açıklamalarını sağlamak üzere tasarlanmıştır. Eklediğiniz resmin site içeriğine herhangi bir katkısı yoksa, yani tasarım amaçlı ise HTML yapısında değil, CSS kodlamasında bulunması gerekmektedir.
  2. Açıklamaları kısa tutun. Alt etiketleri yaklaşık olarak 125 karakterde son bulur. Bu karakterden daha fazlası ekran okuyucularında okunmaz ve Googlebotları da görmez. Bu yüzden bu karakter sayısında veya daha azında tutmanız gerekmektedir.
  3. Anahtar kelimelerinizi ekleyin. Alt etiketleri hedeflediğiniz anahtar kelimeleri sayfanıza bir daha eklemek için iyi bir alternatif yöntemdir. İçeriğinizin hedeflediğiniz anahtar kelime ile alakalı olduğunu söylerken bir yanda da resimlerinizin de anahtar kelimenizle alakalı olduğun söylemektesiniz. En az bir görsele hedeflediğiniz anahtar kelimeyi yerleştirmeyi unuymayın.
  4. Gereksiz anahtar kelime doldurması yapmayın. Anahtar kelimelerini kullanabilirsiniz dedikten sonra açıklamalarınızı alakalı anahtar kelime doldurma fırsatı olarak görmeyin. Görüntüyle alakalı olan, görüntü içeriğini destekleyen yazılar ve tek bir anahtar kelime kullanımını yapın.

Resim Optimizasyonu

Görselleri sitenizde kullanırken en iyi sonucu verecek biçimi tercih etmeniz gerekmektedir. Vektör biçimleri, logolar, metin, simgeler, ikonlar için uygundur ve değişen çözünürlükte sıkıntısız olarak net görüntü sağlar. Fakat durum bir fotoğraf veya daha detaylı bir içerik olunca vektörel biçimler yetersiz kalır. O zamanda GIF, PNG ve JPEG veya yeni kullanıma geçen JPEG-XR ve WebP gibi piksel tabanlı görüntü biçimleri kullanmanız gerekmektedir.

Yakınlaştırılmış vektör resmi
Yakınlaştırılmış vektör resmi
Yakınlaştırılmış pixel resimleri
Yakınlaştırılmış pixel resimleri
BiçimSeffaflikAnimasyonTarayici
GIFEvetEvetTümü
PNGEvetHayirTümü
JPEGHayirHayirTümü
JPEG XREvetEvetIE
WebPEvetEvetChrome, Opera, Android

GIF, PNG, JPEG biçimleri tüm tarayıcılarda çalışırken WebP ve Jpeg-xr her tarayıcıda çalışmaz. Bu yüzden resimlerinizde kullanacağınız biçimlere dikkat etmeniz gerekmektedir. Peki hangi biçimi kullanacağınızı nasıl seçeceksiniz?

GIF kullanımı içeriğinizde bir animasyon gösterecekseniz iyi bir seçim olacaktır. Animasyon yoksa kullanmanız gerekmemektedir.

PNG uzantıları, en yüksek kaliteli resimleri oluşturur fakat, daha yüksek dosya boyutuna sahip bir görsele sahip olursunuz. Bu yüzden yüksek kaliteli resimler kullanırken iyi düşünün veya iyi bir optimizasyon sağlayın.

Fotoğraf, ekran görüntüsü, yardımcı araç kullanacaksanız JPEG formatında olmasına özen gösterin. En iyi kalitede ve dosya boyutu düşük JPEG resimler için kalite ayarını değiştirip, sizin için en uygun olan görüntüyü bulmaya çalışın.

Hangi resim biçimini kullanmak gerekiyor?
Hangi resim biçimini kullanmak gerekiyor?

Görseller’in boyutlarını düşürme

Sitenize yüklediğiniz resimleri olduğu gibi alıp yüklemek size hem seo da hem de site hızını olumsuz yönde etkileyecek unsurlardan biridir. Herhangi bir resmin boyutunu küçültürken görselin içeriğinin bozulmamasına kayıpsız (Loseless) sıkıştırma denilmektedir. Kayıpsız sıkıştırma yapmak istiyorsanız tüm resimlere uyacak bir yapılandırma ayarı bulunmamakta. Bu yüzden her resminiz için ayrı bir ayar yapıp sitenize eklemeniz gerekmektedir.

Adobe Photshop’ta kullanarak resimlerinize az kayıplar sağlayarak resimlerinizi optimize edebilirsiniz. JPEG için Quality ayarını 1-100 arasında değiştirerek istediğiniz kalitede ve görüntüde resim oluşturabilirsiniz.

Web için kaydetme
Web için kaydetme

Eğer bir wordpress sitesi kullanıyorsanız  EWWW Image OptimizerCW Image OptimizerKraken ve Imsanity eklentilerini kullanarak otomatik olarak resim boyutlarınızı düşürebilirsiniz.

Author avatar
Seoz
SEOz.com.tr - Dijital Pazarlama ve SEO Ajansı