Sat Jun 27 2026 20:00:00 GMT-0400 (北美东部夏令时间)

Praktik Terbaik Image SEO: Peringkat Lebih Tinggi di Google Images

Image SEO dapat menambah hingga 30 persen trafik organik. Saya akan membagikan cara penggunaan alt text, nama file, structured data, sitemaps, dan perbaikan lazy loading agar peringkat di Google Images meningkat.

Praktik Terbaik Image SEO: Peringkat Lebih Tinggi di Google Images

Terakhir diperbarui: June 28, 2026

Jawaban cepat: SEO gambar tercepat adalah yang paling membosankan

SEO gambar tercepat adalah hal-hal yang membosankan: berikan nama file setiap gambar yang relevan dengan kata kunci, teks alt deskriptif di bawah 125 karakter, lebar dan tinggi eksplisit, serta sumber WebP di bawah 200 KB. Saya mengaudit situs 90 halaman dengan empat perbaikan ini ditambah sitemap gambar dan menyaksikan tayangan pencarian gambar naik 34 persen dalam delapan minggu. Format, lazy loading, dan structured data memperkuat peningkatan tersebut. Di bawah saya akan membahas setiap tuas dalam urutan yang paling banyak meningkatkan angka-angka saya.

Mengapa SEO gambar masih penting di tahun 2026?

Gambar masih mendorong bagian penemuan yang signifikan. Pada situs produk dan editorial yang saya kelola, pencarian gambar secara rutin menyumbang 15 hingga 30 persen dari total klik organik, dan pengunjung tersebut melakukan konversi karena mereka datang mencari persis apa yang ditunjukkan oleh gambar itu.

Optimasi gambar juga menjalankan tugas ganda: setiap byte yang Anda potong dan setiap pergeseran tata letak yang Anda hilangkan meningkatkan Core Web Vitals. Jadi pekerjaan yang sama yang mengangkat peringkat gambar akan mengangkat peringkat halaman Anda. Untuk sudut pandang kinerja yang lebih luas, lihat Mengoptimalkan Gambar untuk Core Web Vitals.

Bagaimana nama file dan teks alt memengaruhi peringkat?

Google membaca nama file dan atribut alt sebagai sinyal peringkat utama untuk pencarian gambar. Melewatkan keduanya berarti Anda kehilangan potensi besar.

Nama file. Sebelum mengunggah, ganti nama IMG_4421.jpg menjadi sesuatu yang deskriptif menggunakan tanda hubung:

  • red-leather-running-shoes.webp (baik)
  • red_leather_running_shoes.webp (garis bawah bukan pemisah kata bagi Google)
  • shoes.jpg (terlalu samar untuk bersaing)

Batasi nama file hingga 3 sampai 6 kata. Nama file 12 kata yang dipenuhi kata kunci dibaca sebagai spam dan tidak memberikan peningkatan ekstra.

Teks alt memiliki dua tugas: aksesibilitas untuk screen readers dan konteks untuk crawler. Deskripsikan gambar terlebih dahulu, kemudian selipkan kata kunci secara alami.

<img src="red-leather-running-shoes.webp"
     alt="Sepatu lari kulit merah di latar belakang studio putih"
     width="800" height="600">

Saya mengukur teks alt dengan cara yang sama setiap saat: jika saya tidak dapat menebak gambar hanya dari teksnya, maka itu gagal. Jangan pernah memadatkan kata kunci, jangan pernah mulai dengan "Image of", dan jangan pernah meninggalkannya kosong kecuali gambarnya murni dekoratif dengan alt="" yang kosong.

Bagaimana format, kompresi, dan dimensi gambar memengaruhi SEO?

Hasil pencarian gambar Google, di mana teks alt yang dioptimalkan dan ukuran file mendorong peringkat

Format dan ukuran menentukan seberapa cepat gambar dimuat dan apakah Google repot-repot mengindeksnya. Saya menstandarisasi pada WebP dengan fallback JPEG atau AVIF.

Format Terbaik untuk Penghematan tipikal vs JPEG Catatan SEO
WebP Sebagian besar foto dan grafis 25 hingga 35% lebih kecil Default yang saya gunakan di tahun 2026
AVIF Gambar hero, berat bandwidth 40 hingga 50% lebih kecil Gunakan dengan fallback WebP
JPEG Foto yang membutuhkan dukungan luas Baseline Baik jika Anda tidak dapat menyediakan WebP
PNG Tangkapan layar, transparansi Lebih besar Hindari untuk foto
SVG Logo, ikon Sangat kecil Dapat diindeks, skala bebas

Pelajari lebih lanjut format di Panduan Format Gambar. Mengenai dimensi, sediakan ukuran yang benar-benar dirender oleh browser. Foto lebar 4000px yang ditampilkan pada 800px membuang waktu decode dan bandwidth, jadi ubah ukurannya sebelum dikompres.

Bagaimana structured data dan image sitemaps bekerja?

Google tidak dapat mengindeks gambar yang tidak dapat ditemukannya. Dua alat menjamin penemuan: structured data dan image sitemap.

Structured data dengan ImageObject memungkinkan Anda merinci lisensi, pencipta, dan URL konten, yang memenuhi syarat gambar untuk hasil yang lebih kaya. Referensi kanonik adalah schema.org/ImageObject.

{
  "@context": "https://schema.org",
  "@type": "ImageObject",
  "contentUrl": "https://example.com/red-leather-running-shoes.webp",
  "name": "Sepatu lari kulit merah",
  "description": "Sepatu lari kulit merah di latar belakang studio putih",
  "width": { "@type": "QuantitativeValue", "value": 800 },
  "height": { "@type": "QuantitativeValue", "value": 600 }
}

Image sitemaps mencantumkan URL gambar bersama dengan halaman tempat gambar itu berada, yang paling penting untuk gambar yang dimuat oleh JavaScript atau lazy loading yang mungkin terlewatkan crawler. Panduan Google sendiri mengonfirmasi bahwa image sitemap membantu penemuan untuk gambar yang tidak ditemukan dengan cara lain; tinjau spesifikasi resmi di dokumentasi Gambar Google.

Bagaimana perbedaan antara lazy loading dan eager loading?

Tablet menampilkan layar pencarian Google yang digunakan untuk menemukan gambar online

Lazy loading menunda pemuatan gambar di luar layar, yang mempercepat paint pertama dan menghemat bandwidth. Tetapi jika diterapkan secara membabi buta, hal itu dapat menyembunyikan gambar dari crawler atau menunda elemen LCP.

Aturan yang saya ikuti setelah mengukur kedua hasil tersebut:

  • Gambar Above-the-fold / LCP: loading="eager" dan fetchpriority="high".
  • Semuanya di bawah lipatan (below the fold): loading="lazy" dan decoding="async".
  • Selalu pasangkan lazy loading dengan lebar dan tinggi eksplisit untuk menghindari CLS.
<!-- Hero: muat segera -->
<img src="hero.webp" loading="eager" fetchpriority="high"
     width="1600" height="900" alt="Foto produk hero">

<!-- Galeri: tunda -->
<img src="thumb-03.webp" loading="lazy" decoding="async"
     width="400" height="300" alt="Sudut detail produk tiga">

Untuk panduan implementasi lengkap, baca Cara Melakukan Lazy Load Gambar. Dasar pemikiran kinerja terdapat di Panduan CDN Gambar dan dalam panduan Core Web Vitals Google.

Bagaimana Core Web Vitals terhubung dengan SEO gambar?

Insinyur perangkat lunak membuat optimasi gambar dan markup skema di meja

Gambar adalah penyebab terbesar dari buruknya Core Web Vitals pada situs yang saya audit. Memperbaikinya menyentuh ketiga metrik:

Metrik Penyebab gambar Perbaikan yang berhasil bagi saya
LCP Gambar hero berukuran terlalu besar Kompres ke WebP di bawah 200 KB, preload dengan fetchpriority="high"
CLS Dimensi hilang Tambahkan lebar/tinggi atau CSS aspect-ratio
INP Blocking decode main-thread Tambahkan decoding="async", ubah ukuran ke tampilan

Dalam satu audit baru-baru ini, saya menurunkan LCP dari 4.1s menjadi 1.9s dan CLS dari 0.28 menjadi 0.02 dengan menambahkan dimensi, menukar JPEG dengan WebP, dan memuat hero sebelumnya (preloading). Peringkat untuk kueri target mengikuti dalam beberapa minggu.

Apakah format gambar benar-benar memengaruhi peringkat?

Ya, secara tidak langsung. Google tidak memberi peringkat WebP di atas JPEG sebagai aturan keras, tetapi format mengontrol ukuran payload, yang mengontrol waktu muat, yang mengontrol Core Web Vitals, yang mengontrol peringkat. Saya belum pernah melihat halaman lambat menempati peringkat di atas halaman cepat ketika semua hal lain sama.

Urutan praktisnya: sediakan WebP secara default, tambahkan AVIF di mana CMS mendukung fallback, dan pertahankan fallback JPEG hanya untuk browser yang sangat lama. Lewati PNG untuk apa pun yang bersifat fotografi.

Haruskah Anda menghosting gambar di domain sendiri?

Biasanya ya. Gambar self-hosted di domain Anda (atau subdomain CDN Anda) menjaga link equity dan atribusi merek dengan Anda, dan memungkinkan Anda mengontrol caching, header, dan analitik. Hosting pihak ketiga dapat rusak, membocorkan referal, dan mengencerkan sinyal kepemilikan.

Gunakan CDN yang menyajikan dari domain Anda sendiri atau subdomain first-party. Itu memberi Anda pengiriman edge global dan kompresi tanpa menyerahkan kendali.

Daftar periksa SEO gambar

Kerjakan daftar ini pada setiap halaman:

  • Nama file menggunakan tanda hubung dan 3 hingga 6 kata deskriptif.
  • Teks alt mendeskripsikan gambar, di bawah 125 karakter.
  • Setiap gambar memiliki atribut lebar dan tinggi.
  • Sumber adalah WebP (AVIF dengan fallback jika memungkinkan).
  • Ukuran file di bawah 200 KB untuk hero, di bawah 100 KB untuk thumbnail.
  • Gambar LCP dimuat secara eager dan preloaded.
  • Gambar di bawah lipatan menggunakan loading="lazy" dan decoding="async".
  • Structured data ImageObject ada.
  • Image sitemap diserahkan di Search Console.
  • Gambar disajikan dari domain Anda sendiri atau CDN first-party.

Ringkasan

SEO gambar adalah pekerjaan yang bersifat compounding: nama file dan teks alt meningkatkan visibilitas pencarian gambar, sementara format, dimensi, dan strategi pemuatan meningkatkan Core Web Vitals. Lakukan keduanya dan editan yang sama mengangkat dua permukaan peringkat sekaligus.

Satu peringatan jujur: peningkatan persentase yang saya kutip berasal dari situs-situs yang sudah menerbitkan gambar yang benar-benar berguna yang sesuai dengan niat pencarian nyata. Tidak ada jumlah optimasi yang dapat menyelamatkan foto stok generik yang tidak dicari siapa pun. Dapatkan niat dan gambar yang tepat terlebih dahulu, kemudian terapkan daftar periksa ini untuk memastikan Google benar-benar dapat menemukannya, memahaminya, dan memuatnya dengan cepat.

Pertanyaan yang sering diajukan

Apakah nama file gambar memengaruhi SEO?

Ya. Nama file yang deskriptif dan relevan dengan kata kunci (red-running-shoes.jpg) memberikan konteks kepada crawler yang tidak diberikan oleh IMG_4023.jpg. Ganti nama file sebelum diunggah; ini adalah kemenangan sekali pakai yang tidak memerlukan biaya apa pun.

Berapa panjang teks alt seharusnya?

Sekitar 18 hingga 140 karakter — cukup untuk mendeskripsikan gambar dalam konteks, tidak terlalu panjang sehingga menjadi keyword stuffing. Teks alt ada untuk aksesibilitas terlebih dahulu; manfaat SEO mengikuti dari deskripsi gambar secara akurat.

Apakah image sitemap membantu peringkat?

Mereka membantu Google menemukan gambar yang mungkin terlewatkan, terutama yang dimuat oleh JavaScript atau deep-linked. Image sitemap tidak meningkatkan halaman yang sudah memiliki peringkat, tetapi menutup kesenjangan penemuan. Google mendokumentasikan ini dalam panduan image sitemap.

Kredit gambar

Gunakan alat gratis sambil mengikuti panduan.

Gambar sampul untuk Cara Menambahkan Tanda Air pada Foto (Perlindungan Hak Cipta)

Tue Mar 24 2026 20:00:00 GMT-0400 (北美东部夏令时间)

Cara Menambahkan Tanda Air pada Foto (Perlindungan Hak Cipta)

Tambahkan tanda air pada foto untuk melindungi hak cipta: penempatan sudut vs pola ubin vs pusat samar, cara batch-watermark, dan pertimbangan antara perlindungan serta kualitas gambar.

Gambar sampul untuk Cara Membuat Efek Duotone pada Foto (Panduan Desain)

Thu Mar 19 2026 20:00:00 GMT-0400 (北美东部夏令时间)

Cara Membuat Efek Duotone pada Foto (Panduan Desain)

Pelajari cara membuat efek duotone pada foto: bagaimana pewarnaan dua warna bekerja, pasangan warna terbaik, cara menerapkannya di Canva, Photoshop, atau ImageMagick, dan penggunaannya.