SEO Performansı İçin Görsel Optimizasyonu

08/03/2023
Image Optimization

Web sayfalarında görsel kullanımı sayfadaki bilginin daha iyi anlaşılması için iyi bir pekiştireçtir, sayfadaki metinlerle birlikte görseller kullanıcının sayfadaki konuyu anlamasına yardımcı olur.

Görsel kullanımı kullanıcılar için okunabilirliği de artırır. Arama motorlarının sayfadaki görselleri daha iyi anlaması için bazı optimizasyonlar gerekir aynı zamanda kullanıcı deneyimi ve sayfa performansı için de gerekli optimizasyonların gerçekleştirilmesi gerekir. Aşağıdaki maddeleri web sayfanızdaki görsellere uygulayarak performansınızı iyileştirin.

Görsellerinizde Cumulative Layout Shit Sorunlarını Çözün

E-ticaret sayfalarında Cumulative Layout Shit – CLS (Kümülatif Düzen Kayması) sorunu sayfa performansını ve kullanıcı deneyimini olumsuz yönde etkiliyor, web sitesindeki görsellerin CLS sorununa yol açmadığından emin olun. Görsellerin width ve height değerlerini belirtin.


Görsellerinizi Ekran Boyutuna Uygun Seçin

Sayfadaki ürün, banner ve diğer görselleri ekran genişliğine uygun kullanın, sayfa genişliğinden büyük görseller sayfanın yüklenme hızını olumsuz etkileyip performansı düşürüyor. Responsive görsel yapısını kullanabilirsiniz.

Doğru Boyuta Sahip Resimler


Görsellerinizi Sıkıştırın

Dosya boyutu yüksek görseller sayfada fazla yük oluşturur ve sayfanın yüklenme süresini uzatır, iyi bir kullanıcı deneyimi için görsellerinizi sıkıştırın.

Adobe Photosop Görsel Boyutu Küçültme


Yeni Nesil Sıkıştırılmış WebP Görsel Formatını Kullanın

Sıkıştırılmış görseller sayfadaki yük boyutunu azaltarak sayfa yüklenme performansını olumlu yönde etkiler. Web sitesindeki görselleri Google’ın görsel formatı olan daha iyi sıkıştırılmış WebP formatı olarak kullanın. Performans verimliliği için ihtiyaca göre CDN de kullanılabilir.

Resimleri Yeni Nesil Biçimde Yayınlayın


Görselleri Önbelleğe Alın

Görselleri uzun süreli önbelleğe alın.


Ekran Dışındaki Görsellerde Lazy Load Kullanın


Görsellerin Alt Etiketini Tanımlayın

Görsellerin alt etiketleri Google arama sonuçlarında doğrudan sıralama faktörüdür, bu yüzden görsellerde alt etiketlerinin kullanımı görsellerin SEO optimizasyonu için önemlidir.

<img src="/wp-content/uploads/google-easter-eggs.png" alt="Google Easter Eggs">

Kaliteli Görseller Kullanın

Sayfada kullanılan görseller anlaşılabilir netlikte olmalı, bulanık ve aşırı pikselleşmiş görseller kullanıcılar için uygun olmayacağından kullanıcıları sayfadan kaçırabilir. Dikkat çekici ve iyi tasarlanmış görseller arama motorları üzerinde kullanıcıların tıklama ihtimalini artırır ve bu trafik artışı sağlar.


Sayfa Üzerinde Uygun Yerlere Görsellerinizi Konumlandırın

Sayfadaki görselleri mümkün oldukça ilgili metinlerin yanına koyun. Sayfayı genel anlamda özetleyen en alakalı görseli sayfanın en üst kısmına hero image olarak ekleyin.


Görsel URL’lerini SEO’ya Uygun Oluşturun

Arama motorları görselleri anlamak için dosya ismi olarak URL yapılarına dikkat eder. SEO uyumlu URL yapısına uygun ve görselle alakalı olacak şekilde görsellerinizi isimlendirin.

/* Önerilen Görsel URL Formatı */
https://juniortoexpert.com/turing-test.png

/* Önerilmeyen Görsel URL Formatı */
https://juniortoexpert.com/fh5gko67v.png

Önemli Metinleri Görsel Üzerinde Kullanmayın

Sayfaki görsellerde konun ile alakalı önemli metinleri geçirmekten kaçının, otomatik dil değişikliği yapan sistemler görsellerdeki metinleri dönüştüremeyebilir ve bu sebepten görsel tüm kullanıcılara hitap etmeyebilir. Önemli metinleri HTML içerisinde kullanmaya dikkat edin.


Görseller İçin Structured Data Yapısını Kullanın


E-ticaret Siteleri İçin Görsel Optimizasyonu

E-ticaret sitelerindeki ürün görsellerini yukarıdaki maddelere dikkat ederek optimize edin.