1. Görsel Formatının Neden Önemli Olduğu
Google, JPEG veya PNG gibi geleneksel formatlar yerine WebP kullanılmasını öneriyor. WebP aynı görsel kaliteyi sağlar ancak dosya boyutları %25–34 daha küçüktür.
WebP'nin Faydaları:
- Daha hızlı sayfa yükleme süreleri
- İyileştirilmiş Core Web Vitals
- Daha az depolama ve bant genişliği kullanımı
WebP Fallback ile HTML Örneği:
<picture>
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="Kadınlar için siyah lastik çizmeler" loading="lazy" width="800" height="600">
</picture>
2. ALT Metni: SEO'nun Gizli Silahı
alt özelliği arama motorlarının görsel içeriği anlamasına yardımcı olur ve erişilebilirliği artırır. Ayrıca Google Images SEO için de kritik öneme sahiptir.
Doğru Örnek:
<img src="boots.webp" alt="Litma marka kadın siyah PVC yağmur çizmeleri">
alt="resim" veya alt="ürün" gibi boş veya genel alt değerlerinden kaçının.
3. LCP ve PageSpeed: Largest Contentful Paint'i Optimize Edin
LCP (Largest Contentful Paint) Google'ın Core Web Vitals'larından biridir. Ana görseliniz yavaş yüklenirse SEO sıralamanız düşer.
LCP'yi iyileştirmek için ipuçları:
- Sıkıştırılmış WebP görselleri kullanın
- Görsel boyutlarını belirtin (
width,height) - Başlangıçta sadece anahtar görselleri yükleyin
- Kritik olmayan görseller için
loading="lazy"kullanın
4. Dosya Boyutunu Azaltmak = Daha İyi SEO
Her kilobayt önemlidir. Büyük görseller (1MB+) mağazanızı dramatik şekilde yavaşlatır.
Önerilen:
- Ürün görsellerini 100KB altında tutun
- Gerçek görüntüleme boyutlarına yeniden boyutlandırın
- Mümkün olduğunda kayıpsız sıkıştırma kullanın
HTML En İyi Uygulamaları:
<img src="shoes.webp" alt="Kadınlar için pamuklu spor ayakkabılar" width="600" height="600" loading="lazy">
5. Gerçek Veriler: Neden Önemli
- Mobil kullanıcıların %53'ü yüklenmesi 3 saniyeden fazla süren siteyi terk ediyor
- E-ticaret sitelerinin %70'inden fazlası kötü görsel yönetimi nedeniyle Core Web Vitals'ta başarısız oluyor
- En büyük perakendecilerin sadece %32'si WebP kullanıyor
- Ürün listelerinin %38'inde ALT metni eksik
6. Hızlı Referans Tablosu
| Faktör | Öneri |
|---|---|
| Format | WebP |
| ALT metni | Anahtar kelime açısından zengin ve açıklayıcı |
| Maks. boyut | 100KB altında |
| Lazy loading | Evet (loading="lazy") |
| LCP görseli | Optimize edilmiş ve duyarlı |
| Çözünürlük | Görüntüleme boyutuyla eşleşir |
7. Hızlı, Ücretsiz Optimizasyon için WebPPhoto Kullanın
WebPPhoto.com size şunlarda yardımcı olur:
- Arka planları otomatik olarak kaldırır
- Görselleri WebP'ye dönüştürür
- Pazaryerleri için yeniden boyutlandırır ve kırpar
- Görselleri saniyeler içinde optimize eder
Tüm araçlar ücretsiz, hızlı ve özeldir.