1. Mengapa Format Gambar Penting
Google merekomendasikan penggunaan WebP daripada format tradisional seperti JPEG atau PNG. WebP memberikan kualitas visual yang sama tetapi dengan ukuran file 25–34% lebih kecil.
Keuntungan WebP:
- Waktu loading halaman yang lebih cepat
- Core Web Vitals yang lebih baik
- Penggunaan storage dan bandwidth yang lebih sedikit
Contoh HTML dengan WebP Fallback:
<picture>
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="Sepatu boot karet hitam untuk wanita" loading="lazy" width="800" height="600">
</picture>2. Teks ALT: Senjata Rahasia SEO
Atribut alt membantu mesin pencari memahami konten gambar dan meningkatkan aksesibilitas. Ini juga penting untuk SEO Google Images.
Contoh yang Benar:
<img src="boots.webp" alt="Sepatu boot hujan PVC hitam untuk wanita dari Litma">Hindari nilai alt yang kosong atau umum seperti alt="gambar" atau alt="produk".
3. LCP & PageSpeed: Optimasi Largest Contentful Paint
LCP (Largest Contentful Paint) adalah salah satu Google Core Web Vitals. Jika gambar utama Anda loading lambat, ranking SEO Anda akan turun.
Tips untuk meningkatkan LCP:
- Gunakan gambar WebP yang terkompresi
- Tentukan dimensi gambar (
width,height) - Load hanya gambar kunci di awal
- Gunakan
loading="lazy"untuk visual non-kritis
4. Mengurangi Ukuran File = SEO yang Lebih Baik
Setiap kilobyte penting. Gambar besar (1MB+) memperlambat toko Anda secara dramatis.
Direkomendasikan:
- Jaga gambar produk di bawah 100KB
- Resize ke dimensi tampilan sebenarnya
- Gunakan kompresi lossless jika memungkinkan
Best Practice HTML:
<img src="shoes.webp" alt="Sneakers katun untuk wanita" width="600" height="600" loading="lazy">5. Data Nyata: Mengapa Ini Penting
- 53% pengguna mobile meninggalkan situs jika loading lebih dari 3 detik
- Lebih dari 70% situs eCommerce gagal Core Web Vitals karena manajemen gambar yang buruk
- Hanya 32% retailer top yang menggunakan WebP
- Teks ALT hilang di 38% listing produk
6. Tabel Referensi Cepat
| Faktor | Rekomendasi |
|---|---|
| Format | WebP |
| Teks ALT | Kaya keyword dan deskriptif |
| Ukuran maks | Di bawah 100KB |
| Lazy loading | Ya (loading="lazy") |
| Gambar LCP | Dioptimalkan dan responsif |
| Resolusi | Sesuai ukuran tampilan |
7. Gunakan WebPPhoto untuk Optimasi Cepat dan Gratis
WebPPhoto.com membantu Anda:
- Menghapus background secara otomatis
- Mengonversi gambar ke WebP
- Resize dan crop untuk marketplace
- Mengoptimalkan gambar dalam hitungan detik
Semua tools gratis, cepat, dan privat.