Panduan SEO Gambar

Cara mengoptimalkan gambar untuk Google Images, penelusuran visual, dan halaman yang lebih cepat — mencakup format, nama file, teks alt, pemuatan lambat, data terstruktur, dan peta situs gambar.

Pertama kali diterbitkan: 25 Jun 2026 · Terakhir diperbarui: 11 Agu 2026 · Advanced
Bahasa

SEO gambar mencakup dua pekerjaan: memeringkat gambar di Google Images atau penelusuran visual (dipengaruhi teks alt, nama file, konteks halaman, dan keunikan), serta menjaga halaman tetap cepat (gambar biasanya menjadi elemen terbesar dalam Core Web Vitals atau LCP). Mitos yang perlu ditinggalkan: WebP atau AVIF tidak memberi peningkatan peringkat langsung (Mueller menegaskan manfaatnya adalah kecepatan), file lama tidak sebaiknya diganti namanya secara massal, dan gambar latar CSS tidak diindeks. loading="lazy" bawaan aman untuk gambar di bawah lipatan, tetapi jangan pernah digunakan pada gambar LCP. Google mengindeks <img> (dan <picture>), mendukung BMP/GIF/JPEG/PNG/WebP/SVG/AVIF, dan sejak Mei 2025 menyarankan gambar yang sama selalu dirujuk dengan URL yang sama. Panduan ini memetakan semuanya dan mengarahkan pembaca ke pembahasan mendalam tentang teks alt.

TL;DR — SEO gambar memiliki dua tujuan terpisah: (1) memeringkat gambar dalam penelusuran gambar (Google Images, Lens, dan Bing), yang dipengaruhi teks alt, nama file, konteks halaman, serta keunikan; dan (2) menjaga performa halaman, karena gambar biasanya menjadi elemen LCP. Google mengindeks <img> (termasuk di dalam <picture>), bukan gambar latar CSS, dan mendukung BMP, GIF, JPEG, PNG, WebP, SVG, dan AVIF. WebP atau AVIF tidak memberi peningkatan peringkat langsung (Mueller); manfaatnya adalah kecepatan yang membantu Core Web Vitals. Jangan mengganti nama file lama secara massal. loading="lazy" bawaan aman di bawah lipatan, tetapi jangan pernah digunakan pada gambar LCP; gunakan fetchpriority="high" untuk gambar tersebut. Sejak Mei 2025, rujuk gambar yang sama dengan URL yang sama di mana pun. Data terstruktur (ImageObject serta larik gambar Product/Article) membuka peluang hasil kaya; peta situs gambar tetap membantu penemuan. Teks alt dibahas secara mendalam dalam artikel tersendiri.

Evidence for this claim Google indexes images referenced with HTML image elements and does not index CSS background images as images. Scope: Google image discovery and indexing. Confidence: high · Verified: Google Search Central: Image SEO Evidence for this claim Images can be LCP candidates; the LCP image should be discoverable early and should not be lazy-loaded. Scope: web.dev LCP image loading guidance. Confidence: high · Verified: web.dev: Optimize LCP

SEO gambar adalah dua pekerjaan, bukan satu

Kerangka inilah yang terus saya gunakan, sementara hampir setiap “daftar periksa SEO gambar” mencampuradukkannya. Ada dua tujuan berbeda yang memerlukan pekerjaan berbeda:

  1. Peringkat dalam penelusuran gambar. Tujuannya agar gambar ditemukan di Google Images, Bing Images, dan Google Lens untuk kueri khusus gambar. Faktor pendorongnya adalah teks alt, nama file, teks di sekitar gambar, data terstruktur, dan keunikan gambar.
  2. Performa halaman. Gambar hampir selalu menjadi bagian terberat pada halaman. Dokumentasi Google sendiri menyebut gambar “often the largest contributor to overall page size.” (terjemahan) “sering menjadi penyumbang terbesar terhadap ukuran keseluruhan halaman.” Karena itu, gambar kerap menjadi penyebab lambatnya Largest Contentful Paint (LCP), yang masuk ke Core Web Vitals dan memang merupakan sinyal peringkat penelusuran web.

Pisahkan keduanya agar keseluruhan topik menjadi lebih jelas. Teks alt dan nama file terutama berperan dalam penelusuran gambar. Format, kompresi, dan strategi pemuatan terutama berperan dalam performa. Keduanya penting, tetapi bukan tuas yang sama.

Volumenya pun nyata: penelusuran gambar dan visual mengambil porsi yang berarti dari seluruh aktivitas penelusuran, sedangkan Google Lens tumbuh pesat. Gambar yang dioptimalkan bukan sekadar tindakan defensif; gambar juga dapat menjadi sumber trafik.

Cara Google menemukan dan mengindeks gambar

Beberapa mekanisme menentukan apakah gambar Anda masuk ke indeks:

  • Hanya HTML <img> yang diindeks. Google menyatakan: “Google parses the HTML <img> elements (even when they’re enclosed in other elements such as <picture> elements) in your pages to index images, but doesn’t index CSS images.” (terjemahan) “Google mengurai elemen HTML <img> pada halaman Anda untuk mengindeks gambar—bahkan saat elemen tersebut berada di dalam elemen lain seperti <picture>—tetapi tidak mengindeks gambar CSS.” Jika gambar hanya berada dalam background-image CSS, gambar itu tidak terlihat oleh penelusuran gambar. Tempatkan semua gambar yang ingin ditemukan dalam elemen <img>.
  • Selalu sediakan src cadangan. Saat menggunakan srcset atau <picture>, pertahankan pula src biasa karena “some browsers and crawlers don’t understand” (terjemahan) “sebagian browser dan perayap tidak memahami” atribut responsif; src menjadi jaring pengaman yang diandalkan Google.
  • Format yang didukung: BMP, GIF, JPEG, PNG, WebP, SVG, dan AVIF (dukungan AVIF hadir pada Agustus 2024). Ekstensi file harus sesuai dengan jenis file sebenarnya.
  • Konteks tetap penting selain markup. Markup yang didukung membantu gambar ditemukan. Setelah itu, Google menggabungkan teks di sekitar gambar, keterangan, judul, metadata lain, dan gambar itu sendiri untuk memahami isinya.
  • Konsistensi URL (pembaruan Mei 2025). Google kini menyarankan agar gambar yang sama selalu dirujuk dengan URL yang sama. Seorang juru bicara Google mengatakan: “We updated the Google Image SEO best practices to clarify that URLs for images should be referenced consistently for easier crawling on larger websites.” (terjemahan) “Kami memperbarui praktik terbaik SEO Gambar Google untuk memperjelas bahwa URL gambar harus dirujuk secara konsisten agar perayapan situs besar lebih mudah.” Ini berkaitan dengan efisiensi perayapan: URL yang sama untuk gambar yang sama memungkinkan Google menyimpan dan menggunakannya kembali, alih-alih mengambil ulang gambar melalui jalur CDN atau string kueri yang berbeda.
Evidence for this claim Google indexes images referenced with HTML image elements and does not index CSS background images as images. Scope: Google image discovery and indexing. Confidence: high · Verified: Google Search Central: Image SEO

Format file: pilih demi kecepatan, bukan dorongan SEO

Mitos pertama yang perlu dihentikan: format “generasi berikutnya” tidak memberi peningkatan peringkat langsung. Mueller menegaskan tidak ada “SEO boost” (terjemahan) “dorongan SEO” untuk AVIF, dan logika yang sama berlaku untuk WebP: “WebP images are fine for Image Search,” (terjemahan) “Gambar WebP dapat digunakan dengan baik dalam Penelusuran Gambar,” tetapi “dapat digunakan dengan baik” bukan berarti “lebih baik”. Google tidak memberi penghargaan hanya karena wadah filenya.

Yang dilakukan format modern adalah memperkecil file, mempercepat halaman, dan membantu Core Web Vitals—sebuah manfaat tidak langsung. Jadi, pilih berdasarkan kelebihannya:

  • AVIF — kompresi terbaik (sering kali lebih dari 50% lebih kecil daripada JPEG). Gunakan saat dukungan browser memadai dan sediakan format cadangan.
  • WebP — 25–35% lebih kecil daripada JPEG dengan dukungan browser yang nyaris universal. Ini pilihan bawaan yang aman untuk foto saat ini.
  • JPEG — format cadangan universal untuk foto.
  • PNG — untuk transparansi atau grafis dengan tepi tajam.
  • SVG — untuk logo dan ikon (vektor, dapat diskalakan tanpa batas, dan kecil).
  • GIF — hindari untuk konten yang tidak sederhana; gunakan video atau WebP/AVIF animasi sebagai gantinya.

Implementasi yang rapi memakai <picture> dengan elemen <source> untuk format modern dan <img src> sebagai cadangan. Dengan begitu, browser lama tetap berfungsi dengan baik dan Google masih memiliki src untuk diindeks.

Nama file: deskriptif untuk gambar baru, jangan ganti nama lama secara massal

Nama file merupakan sinyal yang nyata, meski kecil. Praktik terbaik Google adalah menggunakan nama yang singkat dan deskriptif—“the filename can give Google clues about the subject matter of the image” (terjemahan) “nama file dapat memberi Google petunjuk tentang subjek gambar”—sehingga golden-retriever-puppy.jpg lebih baik daripada IMG00023.JPG, sedangkan nama generik seperti image1.jpg menyia- nyiakan peluang.

Namun, ada nuansa yang sering menjebak: jangan kembali dan mengganti nama file yang sudah ada. Mueller menjelaskan bahwa penggantian nama secara massal “is going to take a lot of time for Google’s systems to see” (terjemahan) “akan memerlukan waktu lama agar sistem Google melihat” gambar baru tersebut. Jika teks alt dan konteks sekitarnya sudah baik, dampaknya “minimal… maybe no visible effect at all” (terjemahan) “minimal… mungkin sama sekali tidak terlihat”. Gary Illyes menyebut hilangnya sinyal akibat migrasi URL gambar “in line with web search results, which is a few weeks.” (terjemahan) “sejalan dengan hasil penelusuran web, yaitu beberapa minggu.” Jadi, berikan nama deskriptif pada gambar baru, tetapi jangan menjalankan proyek penggantian nama seluruh situs demi manfaat kecil dan gejolak selama berminggu- minggu.

Teks alt (versi singkat)

Saya tidak akan mengulang seluruh pembahasannya karena teks alt memiliki panduan tersendiri. Intinya, teks alt adalah bagian metadata gambar yang paling penting, tetapi manfaat utamanya terdapat pada penelusuran gambar dan aksesibilitas—bukan peringkat penelusuran web. Google membacanya bersama visi komputer dan konteks halaman. Karena itu, tulislah sesuai konteks, hindari penjejalan kata kunci, dan gunakan alt="" untuk gambar yang benar-benar dekoratif. Aturan lengkap, kutipan, dan alur audit tersedia dalam panduan teks alt.

Kompresi, pemuatan lambat, dan Core Web Vitals

Karena gambar biasanya menentukan LCP, bagian inilah yang paling banyak mempertemukan SEO gambar dengan Core Web Vitals:

  • Kompres semuanya. Sesuaikan ukuran gambar dengan dimensi tampilannya, lalu kompres. Bagi sebagian besar halaman, ini adalah tuas performa terbesar.
  • Pemuatan lambat bawaan aman—untuk bagian di bawah lipatan. loading="lazy" pada <img> didukung Google dan dapat dirayapi. Implementasi yang bermasalah adalah JavaScript yang menyembunyikan URL asli dalam data-src tanpa pernah menampilkan src; implementasi semacam itu berisiko tidak diindeks. Gunakan loading="lazy" bawaan atau IntersectionObserver, dan pastikan gambar dimuat saat terlihat, bukan hanya setelah klik atau usapan karena “Google Search does not interact with your page” (terjemahan) “Google Penelusuran tidak berinteraksi dengan halaman Anda”.
  • Jangan pernah memuat lambat gambar LCP. Inilah aturan yang paling sering dilanggar. Gambar terbesar di atas lipatan (biasanya gambar hero) harus dimuat segera dengan loading="eager" dan fetchpriority="high", bukan secara lambat. Pemuatan lambat gambar LCP dapat menambah ratusan milidetik pada LCP tanpa alasan.

Gambar responsif

Gunakan srcset + sizes (resolusi berbeda untuk viewport berbeda) dan <picture> (pengarahan visual atau pergantian format). Perhatikan hal-hal berikut:

  • Selalu sertakan src cadangan. Seperti dijelaskan di atas, perayap dan browser lama membutuhkannya.
  • Setiap kandidat harus dapat diakses. Aturan akses untuk src cadangan—tidak diblokir, tidak berada di balik autentikasi, dan bukan URL mati—juga berlaku pada setiap kandidat srcset/<picture>. Kandidat yang tidak dapat ditemukan tidak membantu, meskipun cadangannya berfungsi.
  • Jaga konsistensi URL dengan halaman. URL gambar dalam peta situs gambar harus sama dengan URL yang benar-benar digunakan halaman. Jangan menyajikan URL gambar berbeda untuk perangkat seluler dan desktop. Google memakai perayapan yang mengutamakan perangkat seluler, dan URL yang berbeda dapat menyebabkan hilangnya trafik gambar sementara saat Google membangun kembali riwayat peringkat URL baru.

Data terstruktur untuk gambar

Data terstruktur membuka kelayakan untuk hasil kaya dan lencana terkait gambar:

  • ImageObject dengan properti license membuat gambar memenuhi syarat untuk lencana dapat dilisensikan di Google Images. Kolom wajibnya adalah contentUrl ditambah setidaknya salah satu dari creator, creditText, copyrightNotice, atau license; tambahkan license + acquireLicensePage untuk lencananya.
  • Data terstruktur Product dan Article memerlukan larik gambar dengan beberapa rasio aspek (umumnya 16:9, 4:3, dan 1:1). Properti image wajib untuk hasil kaya yang menampilkan gambar.
  • Kontrol thumbnail. Pemilihan thumbnail Google bersifat otomatis, tetapi dapat dipengaruhi melalui skema primaryImageOfPage, properti image pada entitas utama, atau tag meta og:image. Google menggunakan markup schema.org dan og:image untuk thumbnail di Penelusuran dan Discover.

Markup yang memenuhi syarat bukan jaminan tampilan. Google tetap memutuskan per halaman apakah akan benar-benar menampilkan lencana, perlakuan larik gambar, atau thumbnail yang dimungkinkan oleh data terstruktur Anda.

Di sinilah SEO gambar juga bertemu dengan topik data terstruktur yang lebih luas: markup yang mendukung hasil kaya produk, artikel, dan gambar memakai mekanisme yang sama.

Peta situs gambar

Peta situs gambar adalah alat penemuan yang paling berguna untuk gambar di CDN, galeri besar, dan situs sarat JavaScript yang gambarnya mungkin tidak ditemukan lewat perayapan biasa. Ada dua catatan penting. Google kini hanya mendukung <image:image> dan <image:loc>; Google menghentikan <image:caption>, <image:title>, <image:geo_location>, dan <image:license> pada 6 Mei 2022. Namun, Bing masih menggunakannya, jadi pertahankan tag tersebut jika satu peta situs disajikan kepada keduanya. Selain itu, peta situs gambar merupakan satu-satunya tempat yang mengizinkan URL lintas domain dalam <image:loc>, yang berguna untuk CDN (verifikasikan domain CDN di Search Console). Mekanisme lengkapnya dibahas dalam artikel peta situs gambar. Ini bukan janji: peta situs gambar dapat membantu Google menemukan gambar yang mungkin terlewat, tetapi pengirimannya tidak menjamin perayapan, pengindeksan, atau peringkat.

Discover dan gambar besar

Agar memenuhi syarat untuk pratinjau gambar format besar di Discover dan berbagai permukaan Google, tambahkan <meta name="robots" content="max-image-preview:large"> dan gunakan gambar besar—lebarnya setidaknya 1 200px, beresolusi tinggi, dan idealnya berasio 16:9. Studi kasus Google mendokumentasikan kenaikan CTR nyata setelah pratinjau besar diaktifkan: blog makanan memperoleh +79% CTR dari Discover, sedangkan situs berita memperoleh +30% CTR dan +332% klik dalam enam bulan. Ini salah satu dari sedikit perubahan gambar dengan manfaat yang dapat diukur langsung.

Gambar stok dibandingkan gambar unik

Pernyataan Mueller patut dikutip apa adanya: fotografi stok “doesn’t matter for web search directly,” (terjemahan) “tidak berpengaruh langsung pada penelusuran web,” tetapi “for image search, if it’s the same image as used in many places, it’ll be harder.” (terjemahan) “untuk penelusuran gambar, jika gambar yang sama digunakan di banyak tempat, persaingannya akan lebih sulit.” Ia juga mengatakan “uniqueness isn’t equivalent to higher quality” (terjemahan) “keunikan tidak sama dengan kualitas yang lebih tinggi”; memotret sendiri tidak otomatis memberi peringkat lebih baik. Jadi, gunakan stok dengan bebas jika hanya memedulikan peringkat web. Gunakan gambar unik saat visibilitas penelusuran gambar penting karena gambar satu-satunya tidak harus bersaing dengan salinan identik.

Perkembangan baru: pelabelan gambar AI (C2PA / IPTC)

Hal ini perlu disoroti karena masih baru dan dilewatkan banyak panduan. Google membaca kolom hak cipta IPTC, yang dapat tampil sebagai kredit atribusi di Google Images dan memberi visibilitas merek gratis. Google juga memakai metadata IPTC / C2PA untuk mengidentifikasi gambar buatan AI, lalu menampilkan label “buatan AI” melalui fitur “Tentang gambar ini”. EXIF kamera (ISO, apertur, GPS) tidak memiliki dampak peringkat yang terdokumentasi. Hapus jika perlu demi performa, tetapi pertahankan kolom hak cipta. Area ini masih terus berkembang.

Bacaan berikutnya

Panduan ini adalah petanya. Berikut pembahasan mendalam dan topik terkait:

  • Teks alt — pembahasan lengkap atribut alt: alasan perannya lebih besar dalam penelusuran gambar daripada penelusuran web, dampak aksesibilitas/hukum, aturan penulisan, gambar dekoratif, teks jangkar gambar bertautan, dan audit berskala besar. Subtopik ini cukup dalam untuk memiliki artikel tersendiri.
  • Peringkat di Google Images — pembahasan mendalam tentang visibilitas khusus di Google Images dan Lens: persyaratan pengindeksan, gambar yang dapat dilisensikan, dan mitos yang masih diulang halaman berperingkat tinggi.
  • Format gambar — perbandingan mendalam JPEG, PNG, WebP, dan AVIF: kegunaan nyata tiap format dan alasan pergantian format bukan faktor peringkat.
  • Core Web Vitals — bagian performa SEO gambar berada di sini. Kompresi, LCP, dan fetchpriority pada dasarnya adalah pekerjaan Core Web Vitals untuk gambar.
  • Data terstrukturImageObject, larik gambar Product/Article, dan kontrol thumbnail og:image merupakan bagian dari pembahasan data terstruktur yang luas.
  • Peta situs gambar — mekanisme penemuan, tag yang dihentikan Google tetapi masih dipakai Bing, dan URL CDN lintas domain.

Add an expert note

Pin an expert quote

New person? Create their unclaimed profile at /admin/experts/ → Pin a quote first.