Tue Mar 10 2026 20:00:00 GMT-0400 (Eastern Daylight Time)

Optimasi SEO Gambar: Daftar Periksa Praktis 2026

Daftar periksa SEO gambar praktis untuk 2026: alt text, nama file, format, kompresi, Core Web Vitals, structured data, dan pengukuran.

Optimasi SEO Gambar: Daftar Periksa Praktis 2026

Jawaban cepat: apa itu image SEO?

Image SEO adalah praktik membuat gambar mudah dipahami, cepat, dapat diakses, dan memenuhi syarat untuk ditemukan dalam pencarian. Alur kerja image SEO yang kuat mencakup nama file deskriptif, alt text yang berguna, dimensi yang benar, format modern, kompresi, data terstruktur jika relevan, dan pengukuran berkelanjutan di Google Search Console.

Tujuannya bukan menjejalkan kata kunci ke setiap gambar. Tujuannya adalah membantu pengguna, browser, crawler, dan sistem jawaban AI memahami apa yang ditunjukkan oleh gambar dan mengapa itu penting di halaman tersebut.

Siapa yang harus menggunakan daftar periksa ini?

Gunakan daftar periksa ini jika gambar memengaruhi nilai halaman Anda. Itu termasuk:

  • Halaman produk e-commerce di mana foto mendorong kepercayaan dan konversi.
  • Postingan blog di mana bagan, tangkapan layar, atau diagram menjelaskan jawaban.
  • Halaman alat (tool pages) di mana tangkapan layar menunjukkan alur kerja.
  • Halaman layanan lokal di mana foto proyek nyata membuktikan pengalaman.
  • Halaman editorial yang bergantung pada pencarian gambar atau kutipan jawaban AI.

Jika halaman Anda hanya memiliki gambar dekoratif, pertahankan agar tetap ringan dan gunakan alt text kosong. Jika gambar Anda membawa makna, optimalkan seperti konten.

Apa yang harus dioptimalkan terlebih dahulu?

Mulailah dengan gambar yang paling mungkin memengaruhi pengalaman pengguna dan interpretasi pencarian:

Prioritas Jenis Gambar Mengapa itu penting Perbaikan pertama
1 Hero image LCP Sering mengontrol kecepatan halaman yang dirasakan Ubah ukuran, kompres, pre-load, atau tandai prioritas
2 Gambar produk atau hasil Mendorong klik, kepercayaan, dan konversi Nama file deskriptif dan alt text
3 Tangkapan layar instruksional Membantu pengguna menyelesaikan tugas Keterangan (caption) dan penjelasan di sekitarnya
4 Bagan dan diagram Sering dikutip oleh jawaban AI Ringkas poin utamanya di dekat gambar
5 Latar belakang dekoratif Biasanya tidak berguna untuk pencarian Kompres dan gunakan alt text kosong

Jangan mulai dengan mengganti nama semua file secara massal. Mulailah dari tempat gambar mengubah apa yang dipahami pengguna.

Bagaimana cara memilih format gambar yang tepat?

Gunakan format yang sesuai dengan konten visual. Pemilihan format yang salah masih merupakan salah satu cara termudah untuk memperlambat halaman.

Developer workspace checking image markup, loading behavior, and page performance

Konten Gambar Default Terbaik Gunakan ini ketika Hindari
Foto produk WebP atau JPEG Foto dunia nyata dengan gradien PNG untuk foto besar
Potongan produk transparan WebP atau PNG Transparansi diperlukan JPEG, karena menghilangkan alpha
Ikon atau logo SVG Bentuk dan tanda vektor datar File raster untuk ikon sederhana
Tangkapan layar dengan teks PNG atau WebP Tepi tajam penting JPEG yang terlalu dikompresi
Hero editorial besar WebP atau AVIF Anda dapat menyajikan format modern dengan aman Asli kamera resolusi penuh

Untuk sebagian besar tim web, WebP adalah default praktis. AVIF bisa lebih kecil, tetapi uji kualitas dan penanganan browser sebelum mengganti setiap aset.

Apa alt text yang bagus?

Alt text yang baik mendeskripsikan gambar dalam konteks halaman. Alt text harus membantu seseorang yang tidak dapat melihat gambar memahami informasi yang sama dengan pengguna yang memiliki penglihatan.

Social and search discovery channels where optimized images can earn more visibility

Gunakan pola ini:

  1. Sebutkan subjeknya.
  2. Tambahkan detail yang relevan.
  3. Sertakan konteks hanya jika itu penting untuk halaman.
  4. Berhenti sebelum menjadi paragraf.

Contoh:

Gambar Alt lemah Alt lebih baik
Foto produk sepatu Sepatu lari jalur hijau dengan sol bertekstur di latar belakang putih
Tangkapan layar dashboard Dashboard kompresi gambar yang menunjukkan pengurangan ukuran file 72 persen
Bagan bagan Bagan batang membandingkan ukuran file JPEG, WebP, dan AVIF untuk foto produk
Cahaya dekoratif latar belakang hijau Alt text kosong: alt=""

Panduan image SEO Google dan panduan aksesibilitas keduanya mengarah ke satu arah yang sama: deskripsikan gambar berguna untuk orang terlebih dahulu. Jika gambarnya dekoratif, jangan memaksakannya ke pencarian.

Bagaimana seharusnya nama file ditulis?

Gunakan nama file pendek dan deskriptif sebelum diunggah. Crawler dapat membaca URL, dan manusia yang melakukan debugging pustaka aset juga dapat membacanya.

Nama file bagus:

  • green-trail-running-shoe-side-view.webp
  • image-compression-before-after-chart.svg
  • shopify-product-photo-white-background.jpg

Nama file lemah:

  • IMG_2847.jpg
  • final-final-2.png
  • screenshot.png

Pertahankan nama file agar stabil setelah dipublikasikan. Mengganti nama gambar lama menciptakan URL churn kecuali Anda mengalihkan atau memperbarui setiap referensi.

Bagaimana gambar memengaruhi Core Web Vitals?

Gambar biasanya secara langsung memengaruhi dua Core Web Vitals:

  • LCP: gambar terbesar di atas lipatan (above-the-fold) sering menjadi elemen Largest Contentful Paint.
  • CLS: gambar tanpa dimensi yang dicadangkan dapat menggeser tata letak saat dimuat.

Gunakan aturan ini:

Posisi Gambar Strategi Pemuatan Strategi Ukuran
Hero utama atau sampul artikel Jangan lazy load; prioritaskan Sajikan mendekati ukuran tampilan
Gambar artikel di bawah lipatan (below-fold) Lazy loading asli sudah cukup Gunakan rasio aspek tetap atau lebar/tinggi
Ikon atau chrome UI SVG inline atau aset kecil yang di-cache Jaga agar sangat kecil dan dapat digunakan kembali
Thumbnail galeri Lazy load Hasilkan file berukuran thumbnail

Di situs ini, sampul blog mencadangkan kotak 16:9 sebelum gambar dimuat. Itu melindungi stabilitas tata letak bahkan ketika gambar CDN lambat.

Haruskah Anda menambahkan gambar ke data terstruktur?

Ya, jika jenis halaman mendukungnya. Skema Article, Product, Recipe, dan Organization semuanya dapat menyertakan bidang gambar. URL gambar harus dapat di-crawl, stabil, dan representatif dari halaman tersebut.

Untuk postingan blog, pemeriksaan penting adalah:

  • JSON-LD Article atau BlogPosting mencakup judul, deskripsi, tanggal, URL kanonik, penulis atau penerbit, dan gambar.
  • Gambar tidak diblokir oleh robots.
  • URL artikel kanonik yang sama muncul di metadata, sitemap, dan tautan internal.
  • Gambar relevan dengan artikel, bukan grafik default generik yang digunakan kembali di puluhan postingan.

Proyek ini sekarang menggunakan pengindeksan blog hanya kanonik, jadi slug lama duplikat harus diarahkan ke artikel kanonik alih-alih bersaing dengannya.

Apa yang membuat image SEO berguna untuk jawaban AI?

Sistem jawaban AI lebih menyukai halaman dengan bagian yang jelas dan mandiri. Untuk halaman image SEO, bagian terbaik adalah yang menghubungkan gambar dengan jawaban praktis.

Bagian yang baik untuk dikutip AI:

Untuk foto produk, alur kerja default terbaik adalah: potong sesuai rasio tampilan, ekspor sebagai WebP atau JPEG, jaga gambar utama di bawah 200 KB jika mungkin, tulis alt text yang menyebutkan produk dan detail yang terlihat, serta cadangkan lebar dan tinggi untuk mencegah pergeseran tata letak.

Bagian itu berhasil karena menjawab pertanyaan spesifik tanpa memerlukan lima paragraf di sekitarnya.

Tambahkan blok jawaban langsung serupa di dekat bagan, daftar periksa, dan contoh. Jangan sembunyikan jawabannya di bawah pendahuluan yang panjang.

Bagaimana cara mengaudit image SEO setiap bulan?

Desktop image library review before compressing, naming, and publishing web images

Jalankan audit bulanan ini pada halaman yang paling penting:

  1. Ekspor halaman pendaratan gambar teratas dari Google Search Console.
  2. Periksa apakah gambar teratas di setiap halaman unik dan relevan.
  3. Temukan file di atas 200 KB dan kompres atau ubah ukurannya.
  4. Tinjau alt text untuk deskripsi yang hilang, samar, atau menjejalkan kata kunci.
  5. Periksa LCP dan CLS di PageSpeed Insights atau data lapangan Anda.
  6. Konfirmasi skema Article atau Product menggunakan gambar yang tepat.
  7. Perbarui tangkapan layar lama ketika UI berubah.

Kegagalan yang paling umum bukanlah bug teknis. Itu adalah gambar usang atau generik yang tidak lagi mendukung artikel tersebut.

Daftar periksa Image SEO

Sebelum menerbitkan:

  • Gambar sampul unik untuk artikel ini.
  • Gambar sampul menjelaskan topik artikel sekilas pandang.
  • Setiap gambar bermakna memiliki alt text deskriptif.
  • Gambar dekoratif menggunakan alt text kosong.
  • Nama file mendeskripsikan subjek dalam bahasa Inggris biasa.
  • Foto besar dikompres dan diubah ukurannya.
  • Gambar di atas lipatan tidak lazy loaded.
  • Gambar di bawah lipatan mencadangkan ruang tata letak.
  • Skema Article atau Product menyertakan URL gambar yang dapat di-crawl.
  • Halaman memiliki setidaknya satu gambar yang cukup berguna untuk mendapatkan klik atau kutipan.

Setelah menerbitkan:

  • Uji halaman di perangkat seluler.
  • Periksa HTML yang dirender untuk tag kanonik dan Open Graph gambar.
  • Jalankan PageSpeed Insights pada template penting.
  • Pantau tayangan dan klik gambar Google Search Console.
  • Ganti gambar default atau berulang segera setelah Anda menemukannya.

Alat yang Direkomendasikan

Tugas Alat Mengapa
Kompres gambar Imagic AI Image Compressor Pengurangan ukuran file cepat sebelum unggah
Konversi format Imagic AI Image Converter Mengubah aset PNG, JPEG, dan WebP
Ubah dimensi Imagic AI Image Resizer Mencocokkan ukuran tampilan sebelum kompresi
Hapus latar belakang Imagic AI Background Remover Membuat potongan produk yang bersih
Validasi kinerja halaman PageSpeed Insights Memeriksa LCP, INP, dan CLS
Baca panduan resmi Google image SEO best practices Sumber utama untuk panduan gambar yang dapat di-crawl
Periksa konten bermanfaat Google helpful content guidance Memastikan halaman membantu pengguna terlebih dahulu

Kesalahan umum yang harus dihindari

Bisakah satu gambar generik digunakan kembali di banyak postingan?

Tidak. Sampul default yang berulang melemahkan halaman sebelum pembaca mulai. Itu menandakan bahwa artikel mungkin adalah pengisi programatik, dan itu memberi sistem pencarian konteks spesifik halaman yang lebih sedikit.

Haruskah alt text mengulang kata kunci target?

Hanya ketika kata kunci secara alami mendeskripsikan gambar tersebut. image SEO checklist dashboard baik untuk gambar dashboard. image SEO image SEO image SEO adalah spam dan merusak aksesibilitas.

Haruskah setiap gambar lazy loaded?

Tidak. Lazy load gambar di bawah lipatan. Jangan lazy load gambar utama jika kemungkinan besar itu adalah elemen LCP.

Apakah sitemap gambar selalu diperlukan?

Tidak selalu. Google dapat menemukan gambar dari HTML normal. Entri sitemap gambar paling berguna ketika gambar dimuat melalui JavaScript, galeri, atau perpustakaan media besar di mana penemuan lebih sulit.

Panduan terkait

Terakhir diperbarui: June 27, 2026

Gunakan alat gratis sambil mengikuti panduan.

Gambar sampul untuk PNG ke WebP: Cara Mengubah dan Mengecilkan Gambar PNG

Tue Mar 17 2026 20:00:00 GMT-0400 (Eastern Daylight Time)

PNG ke WebP: Cara Mengubah dan Mengecilkan Gambar PNG

Ubah PNG ke WebP untuk file web yang lebih kecil. Kami membahas kapan WebP lossless unggul dan kapan lossy efektif, ukuran terukur nyata, serta perintah cwebp dan Pillow dengan fallback PNG.