Mengoptimalkan Gambar untuk SEO
6 min
Optimasi gambar berdampak pada referensi (melalui Google Image Search dan Core Web Vitals) sekaligus pengalaman pengguna. Empat tindakan esensial: memilih format yang tepat (WebP atau AVIF), mengompres tanpa kehilangan kualitas yang terlihat, mengisi tag alt, dan mengimplementasikan lazy loading. Tindakan-tindakan ini saja dapat mengurangi LCP sebesar 20 hingga 40%.
Gambar mewakili rata-rata 50 hingga 70% bobot halaman web. Jika tidak dioptimalkan, mereka membebani Core Web Vitals dan merugikan peringkat. Jika dioptimalkan dengan baik, mereka membuka saluran lalu lintas tambahan melalui Google Images.
Memilih format gambar yang tepat
Format WebP menawarkan kompresi 25 hingga 35% lebih baik dari JPEG untuk kualitas visual yang identik. AVIF bahkan lebih jauh tetapi kompatibilitas browsernya, meskipun baik pada 2026, perlu diperiksa berdasarkan audiens Anda.
Gambar vektor (logo, ikon, ilustrasi) harus dalam format SVG: ringan, skalabel, dan tidak pernah terdegradasi.
PNG tetap relevan hanya untuk gambar yang memerlukan transparansi atau kualitas mutlak tanpa kompresi — kasus langka dalam konteks web standar.
- Foto dan visual kompleks: WebP atau AVIF.
- Logo, ikon, ilustrasi: SVG.
- Screenshot dengan teks: WebP dengan kompresi sedang (kualitas 80-85).
- Hindari GIF animasi: ganti dengan video MP4 pendek, 5 hingga 10 kali lebih ringan.
Kompresi dan dimensi yang disesuaikan
Gambar 3.000 piksel lebar yang ditampilkan dalam kolom 800 piksel mentransfer 3 hingga 4 kali lebih banyak data dari yang diperlukan. Selalu ubah ukuran sebelum mengompres.
Targetkan bobot di bawah 100 KB untuk gambar sekunder, kurang dari 200 KB untuk gambar hero atau visual utama. Di luar itu, dampak pada LCP menjadi terukur.
Kompresi dan pengubahan ukuran gambar dapat mengurangi waktu muat awal sebesar 20 hingga 40% pada halaman yang tidak dioptimalkan, dengan dampak langsung pada skor Core Web Vitals.
Studi sektoral 2025-2026 tentang performa web dan SEO
Tag alt, nama file, dan data terstruktur
Tag alt adalah satu-satunya teks yang dapat Google kaitkan dengan gambar. Tag ini harus mendeskripsikan konten visual secara akurat, dengan mengintegrasikan kata kunci secara alami jika relevan, tanpa paksaan.
Nama file bersifat sekunder tetapi berguna: gunakan kata kunci yang dipisahkan tanda hubung (optimasi-seo-gambar.webp) daripada IMG_4821.jpg.
Untuk gambar produk atau visual utama, tambahkan data terstruktur ImageObject atau Product dengan Schema.org untuk meningkatkan visibilitas di Google Images dan hasil yang diperkaya.
Lazy loading dan performa
Lazy loading memuat gambar hanya saat gambar masuk ke viewport. Ini mengurangi bobot awal halaman dan meningkatkan skor FCP (First Contentful Paint).
Perhatian: jangan pernah terapkan lazy loading pada gambar hero atau LCP — Google dan browser harus memuatnya segera. Gunakan loading='eager' atau hilangkan atribut untuk gambar prioritas ini.
- Tambahkan loading='lazy' pada semua gambar di luar viewport awal.
- Definisikan atribut width dan height secara eksplisit untuk menghindari pergeseran tata letak (CLS).
- Gunakan srcset untuk menawarkan resolusi yang disesuaikan berdasarkan layar pengguna.
FAQ
Apakah lazy loading didukung secara native oleh browser?
Ya, sejak 2019 untuk Chrome dan browser modern, serta sejak 2021 untuk Firefox. Atribut loading='lazy' sudah cukup tanpa library JavaScript eksternal untuk sebagian besar situs.
Apakah Google mengindeks gambar dalam format WebP?
Ya, Google mendukung dan mengindeks gambar WebP dan AVIF tanpa masalah. Format-format ini bahkan direkomendasikan oleh panduan PageSpeed Insights Google untuk mengurangi bobot halaman.
Apakah tag alt yang hilang merugikan SEO?
Tag yang hilang tidak secara langsung merugikan, tetapi menghilangkan sinyal konteks dari Google dan mengecualikan gambar dari referensi di Google Images. Pada situs e-commerce atau blog dengan banyak gambar, ketiadaan tag alt mewakili kehilangan lalu lintas yang signifikan.