E-Ticarette Ürün Görselleri Optimizasyonu: SEO ve Dönüşüm İçin Adım Adım Rehber

Görsel Optimizasyonunun Önemi

Arama motorları ve kullanıcı deneyimi, yüksek kaliteli ve hızlı yüklenen ürün görsellerine dayanır. Doğru optimizasyon, organik trafiği artırırken dönüşüm oranlarını da yükseltir.

Adım 1: Görsel Formatı Seçimi

• JPEG: Fotoğraf ağırlıklı ürünler için ideal. Kalite‑boyut dengesi sağlar.
• WebP: Modern tarayıcılarda %30‑40 daha küçük dosya boyutu.
• PNG: Şeffaf arka planlı logolar ve ikonlar için.

Adım 2: Boyutlandırma ve Çözünürlük

1. Ürün sayfası ana görseli: 1200 × 1200 px (maksimum 200 KB).
2. Thumbnail (listeleme) görselleri: 300 × 300 px (maksimum 50 KB).
3. Retina ekranlar için 2× çözünürlükte srcset kullan.

Adım 3: Dosya Adı ve Alt Etiket (ALT) Optimizasyonu

Dosya adında anahtar kelime, renk, materyal ve boyut gibi detaylar bulunsun. ALT metni ise açıklayıcı ve 125 karakteri geçmemeli.

Adım 4: Görsel Sıkıştırma Araçları

• TinyPNG – PNG ve JPEG sıkıştırma.
• ImageMagick – CLI ile toplu işleme.
• cwebp – WebP dönüşümü.

Komut örneği (ImageMagick):
magick input.jpg -strip -interlace Plane -quality 85 output.jpg

Adım 5: Structured Data (Schema.org) Entegrasyonu

Ürün görselleri, Product ve ImageObject tipleriyle işaretlenmelidir. Örnek:

{
  "@context": "https://schema.org/",
  "@type": "Product",
  "name": "Siyah Deri Kadın Çanta",
  "image": [
    "https://example.com/images/kadin-deri-canta-siyah-1200.jpg",
    "https://example.com/images/kadin-deri-canta-siyah-300.jpg"
  ]
}

Adım 6: Lazy Loading ve CDN Kullanımı

1. HTML5 loading="lazy" özelliğiyle görselleri sayfa aşağı kaydırıldıkça yükle.
2. Cloudflare, Akamai veya AWS CloudFront gibi CDN’lerle coğrafi yakınlığı sağlayarak yükleme süresini %50’ye kadar düşür.

Adım 7: Performans Testi ve İzleme

• Google PageSpeed Insights – Görsel optimizasyon puanı.
• GTmetrix – “Optimize Images” önerileri.
• Search Console – Görsel arama trafiği ve tıklama oranları.

SSS

1. WebP desteklemeyen tarayıcılarda görsel gösterilir mi?

Evet. picture etiketi içinde source ve fallback img kullanarak tüm tarayıcılara uyum sağlarsınız.

2. Görsel ALT metni SEO’yu ne kadar etkiler?

Doğru ALT metin, görsel aramalardan organik trafik getirir ve erişilebilirliği artırır; özellikle uzun kuyruklu anahtar kelimelerde fark yaratır.

3. Ürün görsellerini sıkıştırırken kalite kaybı nasıl önlenir?

Kalite ayarını %80‑85 arasında tutun, sıkıştırma sonrası görseli orijinaliyle karşılaştırın ve kritik detayları kontrol edin.