Panduan SEO Gambar: Alt Text, Kecepatan, dan Pengindeksan

Terakhir diperbarui: June 28, 2026

Image SEO bukanlah trik untuk mengisi kata kunci ke dalam nama file. Ini adalah pekerjaan praktis untuk membuat gambar penting dapat ditemukan, dipahami, cepat, dan berguna di halaman tempat mereka muncul.

Panduan ini mencakup alur kerja yang akan saya gunakan untuk galeri produk, artikel editorial, halaman layanan lokal, atau landing page yang kaya gambar sebelum mempertanyakan apakah gambar-gambar tersebut dapat peringkat di Google Images.

Jawaban singkat: apa yang paling penting untuk image SEO?

Image SEO bekerja ketika gambar dapat dirayapi (crawled), halaman menjelaskan apa yang ditunjukkan oleh gambar, dan file dimuat cukup cepat sehingga pengguna tidak meninggalkan halaman. Mulailah dengan URL gambar HTTPS yang stabil, nama file yang deskriptif, alt text spesifik, teks pendukung yang berguna, dan versi WebP atau AVIF terkompresi yang ukurannya sesuai tata letak.

image best practices dari Google sendiri menekankan gambar berkualitas tinggi, teks deskriptif di dekat gambar, judul halaman yang baik, dan URL yang dapat dirayapi. Konteks halaman sama pentingnya dengan file itu sendiri.

Gunakan urutan ini: kemampuan ditemukan (discoverability) pertama, deskripsi kedua, pengiriman ketiga, pengukuran terakhir. Jika file mengembalikan 404, diblokir oleh robots.txt, atau hanya muncul di dalam kode sisi klien yang tidak dapat diproses secara andal oleh mesin pencari, alt text yang lebih baik tidak akan memperbaikinya.

Untuk proses publikasi yang lebih luas setelah pekerjaan image SEO, gunakan Complete Image Optimization Checklist. Jika masalah langsung adalah berat file, Image Compression Ratio Guide menjelaskan cara mengukur penghematan tanpa menyembunyikan kerusakan visual.

Bagaimana Google memahami sebuah gambar?

Google dapat menggunakan file gambar, judul halaman, heading, teks yang terlihat, keterangan (caption), structured data, dan tautan untuk memahami apa yang diwakili oleh sebuah gambar. Foto sepatu lari biru di halaman kosong lebih lemah daripada foto yang sama di dalam halaman produk dengan judul, nama model, warna, pilihan ukuran, dan alt text deskriptif yang jelas.

Penemuan adalah gerbang pertama. URL gambar harus mengembalikan HTTP 200, menggunakan format yang dapat dirayapi, dan tetap stabil setelah dipublikasikan. Hindari URL bertanda sementara untuk gambar artikel publik kecuali URL yang dirender akhirnya bersifat publik dan dapat diindeks.

Gunakan daftar periksa crawlability cepat ini:

1. URL gambar akhir mengembalikan HTTP 200 tanpa autentikasi.
2. URL halaman dapat diindeks dan tidak diblokir oleh noindex.
3. Gambar tidak diblokir oleh robots.txt.
4. Gambar muncul dalam HTML normal atau markup yang dapat diprediksi.
5. Halaman memiliki teks yang menjelaskan mengapa gambar itu penting.
6. File gambar cukup stabil untuk di-cache dan dirayapi ulang.

Sitemap gambar dapat membantu penemuan untuk galeri besar, tetapi tidak menggantikan kualitas halaman. Google mendokumentasikan dukungan sitemap gambar dalam sitemap image extension guidance. Gunakan ini ketika gambar adalah konten penting, bukan hanya perabotan halaman dekoratif.

Apa yang harus disertakan alt text?

Alt text harus menjelaskan subjek dan fungsi visual dari gambar untuk halaman tersebut. Tuliskan untuk seseorang yang tidak dapat melihat gambar, lalu periksa apakah deskripsi itu juga memberikan konteks yang jelas kepada mesin pencari.

Alt text yang baik bersifat spesifik, cukup pendek untuk dipindai, dan bebas dari keyword stuffing. Alt text seharusnya tidak mengulang judul artikel di setiap gambar. Itu tidak boleh mendeskripsikan bentuk dekoratif yang tidak membawa informasi apa pun. Jika gambar adalah grafik (chart), ringkas poin grafik itu alih-alih menulis "grafik".

Gunakan langkah alt-text ini sebelum publikasi:

1. Sebutkan subjek visual terlebih dahulu.
2. Tambahkan detail yang penting di halaman ini.
3. Pertahankan branding hanya jika terlihat atau berguna.
4. Lewati frasa seperti "image of" kecuali diperlukan untuk kejelasan.
5. Jangan memasukkan banyak varian kata kunci dalam satu atribut.
6. Gunakan alt text kosong hanya untuk gambar yang benar-benar dekoratif.

Untuk konteks aksesibilitas, referensi img element dari MDN menjelaskan bagaimana alt digunakan ketika gambar tidak dapat dimuat atau dilihat. Anggap itu sebagai dasar, lalu tambahkan konteks spesifik halaman saat gambar adalah konten yang bermakna.

Format dan ukuran file apa yang harus Anda gunakan?

Untuk sebagian besar gambar web publik, ekspor salinan pengiriman modern setelah mengubah ukuran master ke kebutuhan tampilan aktual. WebP adalah default aman untuk dukungan luas. AVIF bisa lebih kecil untuk banyak gambar fotografi, tetapi encoding-nya lebih lambat dan perilaku artefak berbeda. Simpan master sumber secara terpisah, terutama untuk foto produk dan fotografi editorial.

Kesalahan yang paling sering saya lihat adalah mengompresi unggahan 4000 px lalu menampilkannya pada 900 px. Ubah ukuran terlebih dahulu, baru kompres. Pengaturan kualitas yang lebih kecil tidak dapat sepenuhnya membatalkan dimensi berukuran besar.

Saya menghasilkan gambar grafik di artikel ini pada ukuran 1400 x 788 dan mengekspornya sebagai kualitas WebP 82. Output lokal adalah 22 KB untuk grafik ubah ukuran dan 42 KB untuk sampul. Itu kecil karena grafis menggunakan warna datar dan teks. Foto nyata dengan dimensi yang sama bisa jauh lebih besar, jadi ukur aset Anda sendiri daripada menyalin target byte tetap.

Untuk pertukaran format, bandingkan AVIF vs WebP. Jika Anda perlu mengonfirmasi dimensi sebelum ekspor, gunakan Check Image Size and Dimensions.

Bagaimana gambar responsif memengaruhi SEO?

Gambar responsif membantu pengguna dan crawler mencapai file yang tepat untuk perangkat. Pengunjung seluler seharusnya tidak mengunduh hero besar yang sama dengan monitor desktop. Gunakan srcset dan sizes ketika satu gambar membutuhkan lebar ganda, dan pertahankan satu nilai alt yang bermakna pada elemen img.

Halaman harus menyediakan ruang sebelum gambar dimuat. Atur atribut width dan height atau gunakan aturan aspect ratio CSS agar konten tidak melompat-lompat saat browser mengambil file tersebut. Google mendokumentasikan Cumulative Layout Shift sebagai bagian dari Core Web Vitals guidance, dan gambar tanpa dimensi adalah penyebab umum yang dapat dicegah.

Gunakan pola markup ini ketika Anda memiliki turunan responsif:

<img
  src="/images/product-shoe-1200.webp"
  srcset="/images/product-shoe-600.webp 600w, /images/product-shoe-1200.webp 1200w"
  sizes="(max-width: 700px) 92vw, 680px"
  width="1200"
  height="800"
  alt="Blue trail running shoe with black laces and thick white sole"
  loading="lazy"
>

Jangan menunda pemuatan (lazy-load) gambar paling penting di atas lipatan (above-the-fold) karena kebiasaan. Hero images, foto produk utama, dan gambar editorial utama seringkali membutuhkan prioritas normal. Gambar galeri di bawah lipatan (below-the-fold) adalah kandidat yang lebih baik untuk lazy loading.

Untuk pembuatan turunan massal, Batch Resize Guide memberikan alur kerja command-line. Untuk keputusan gambar spesifik seluler, pasangkan panduan ini dengan Mobile Image Optimization.

Haruskah Anda menggunakan sitemap gambar dan structured data?

Gunakan sitemap gambar ketika gambar adalah konten penting dan bukan hanya dukungan dekoratif. Mereka sangat berguna untuk katalog produk, resep, galeri, dan arsip editorial di mana banyak URL gambar membutuhkan penemuan yang andal.

Structured data juga dapat membantu ketika jenis halaman mendukungnya. Halaman Produk, Resep, Artikel, dan Video sering menyertakan properti gambar dalam markup skema. Skema harus cocok dengan konten halaman yang terlihat; jangan menandai (mark up) gambar yang tidak dapat dilihat pengguna.

Jika gambar dihasilkan atau diedit secara ekstensif, buatlah konteks halaman jujur. Jangan biarkan gambar yang dipoles menyiratkan bukti produk, properti, atau hasil yang tidak dapat didukung oleh halaman tersebut.

Bagaimana Anda mengukur image SEO setelah publikasi?

Pengukuran harus memisahkan penemuan gambar dari kecepatan halaman. Search Console dapat menunjukkan kinerja pencarian gambar dengan memfilter laporan Search ke jenis pencarian Gambar (Image search). Core Web Vitals dan Lighthouse dapat menunjukkan apakah gambar merugikan pengalaman pemuatan.

Periksa ini setelah publikasi:

1. URL gambar CDN penting mengembalikan HTTP 200.
2. Halaman yang dirender berisi markup gambar akhir.
3. Search Console sedang mengumpulkan impresi untuk kueri yang relevan.
4. Largest Contentful Paint tidak didominasi oleh gambar berukuran besar.
5. Pergeseran tata letak (Layout shift) tidak terjadi saat gambar dimuat.
6. Alt text masih cocok dengan gambar yang terlihat setelah pengeditan atau penggantian.
7. Tautan internal menunjuk ke halaman langkah berikutnya yang berguna, bukan postingan yang tidak terkait.
8. Gambar muncul dengan benar di Open Graph dan pratinjau sosial.

Jangan berharap image SEO akan memperbaiki halaman tipis (thin page). Jika artikel, halaman produk, atau galeri kekurangan teks yang berguna, gambar memiliki konteks yang lebih sedikit untuk peringkat. Image SEO paling kuat ketika gambar benar-benar membantu halaman menjawab kueri.

Checklist Image SEO

Gunakan langkah akhir ini untuk setiap gambar yang penting bagi lalu lintas pencarian, berbagi sosial, atau konversi:

Alur kerja yang paling sederhana dan andal tetap yang terbaik: gunakan gambar yang dapat dirayapi, deskripsikan dengan jujur, ubah ukurannya sebelum kompresi, kirimkan dari CDN yang stabil, dan ukur halaman setelah tayang.