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.
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.
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.
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.
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.
Görselleri uzun süreli önbelleğe alı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">
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.
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.
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
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.
E-ticaret sitelerindeki ürün görsellerini yukarıdaki maddelere dikkat ederek optimize edin.