Görsel: Pixabay · Pixabay Lisansı
Sorunun büyüklüğü
Tipik bir ürün listesi sayfasında görseller toplam ağırlığın büyük bölümünü oluşturur. Kötü optimize edilmiş görseller sayfayı saniyelerce geciktirir.
Gecikme doğrudan satış kaybıdır. Kullanıcı yüklenmesini beklemeden çıkar.
Kural bir: gösterilen boyutta sunun
En sık hata, üç bin piksel genişliğindeki fotoğrafı üç yüz piksellik kutuda göstermektir. Tarayıcı dosyanın tamamını indirir, sonra küçültür.
Her kullanım yeri için ayrı boyut üretin: liste kartı, ürün detay, büyütme görünümü.
Kural olarak, görsel dosyasının genişliği gösterildiği alanın en fazla iki katı olmalıdır. Yüksek yoğunluklu ekranlar için bu oran yeterlidir.
Kural iki: modern biçim kullanın
WebP ve AVIF, aynı görsel kalitesinde belirgin biçimde küçük dosya üretir.
Eski tarayıcılar için yedek sunmak artık çoğu durumda gereksizdir; modern biçimler geniş destek görür.
Kural üç: boyut belirtin
Her görsel etiketine genişlik ve yükseklik yazın. Yazılmazsa görsel yüklendiğinde sayfa zıplar ve kullanıcı yanlış yere tıklar.
Bu, sayfa deneyimi ölçülerinde doğrudan ceza getiren bir sorundur ve çözümü birkaç dakikalık iştir.
Kural dört: tembel yükleme
Ekranın altında kalan görseller hemen yüklenmemelidir.
Ancak ilk ekranda görünen ana görsele tembel yükleme uygulamayın; aksine öncelik verin. Bu görsel genellikle en büyük içerik ölçümünü belirleyen öğedir.
Kural beş: otomatikleştirin
Görsel optimizasyonu elle yapılacak bir iş değildir. Yüklenen her görselin otomatik olarak farklı boyutlarda ve modern biçimde üretilmesi gerekir.
Elle yapılan optimizasyon ilk hafta işler, üçüncü ayda unutulur.
Görsel kalitesi ve koruma
Sıkıştırma oranını abartmayın; bozuk görünen ürün fotoğrafı satış kaybettirir.
Görselin kaynağı sizin değilse lisansını kontrol edin. Serbest lisanslı görsellerin çoğu atıf ister ve bu atıf sayfada görünür olmalıdır.
Alternatif metin
Her görsele ürünü tanımlayan bir alternatif metin yazın. Bu hem erişilebilirlik hem görsel araması için gereklidir.
Alternatif metni anahtar kelime listesine çevirmeyin; görseli tarif edin.
Çekim standardı oluşturmak
Ürün fotoğraflarının tutarlı olması, katalogun profesyonel görünmesini sağlar.
Aynı arka plan, aynı ışık ve aynı açı kullanın. Farklı zamanlarda çekilen fotoğraflar arasındaki ton farkı, listede hemen göze çarpar.
Ölçek gösteren bir kare ekleyin; en sık gelen soru ve en sık iade sebebi boyut yanılgısıdır.
Kullanım anını gösteren bir fotoğraf, stüdyo çekiminden daha yüksek dönüşüm sağlar.
Otomatik işleme hattı
Yüklenen her görselin otomatik olarak farklı boyutlarda ve modern biçimde üretilmesi gerekir.
Elle yapılan optimizasyon ilk ay işler, üçüncü ayda unutulur ve katalog yavaş yavaş ağırlaşır.
Otomatik hattı kurarken kalite ayarını bir kez belirleyin ve sonuçları gözle kontrol edin; aşırı sıkıştırma ürün detaylarını yok eder.
Sık sorulanlar
Kaç ürün görseli kullanmalıyım?
Ürünü farklı açılardan gösteren üç ile altı görsel çoğu kategoride yeterlidir. Ölçek gösteren bir kare ve kullanım anını gösteren bir görsel dönüşümü belirgin biçimde artırır.
WebP kullanmak kaliteyi düşürür mü?
Aynı görsel kalitesinde daha küçük dosya üretir. Sıkıştırma ayarı abartılmadığı sürece gözle fark edilir bir kayıp olmaz.
Ürün videosu eklemeli miyim?
Karmaşık veya kullanımı anlatılması gereken ürünlerde dönüşümü belirgin biçimde artırır. Videonun sayfayı yavaşlatmaması için otomatik oynatmayın ve yalnız kullanıcı tıkladığında yüklenmesini sağlayın.
