SEO Gambar 2025 — Alt text, data terstruktur, dan sitemap secara praktis

Diterbitkan: 18 Sep 2025 · Waktu baca: 2 mnt · Redaksi Unified Image Tools

Pendahuluan

Zaman “pasang gambar lalu pasti terindeks” sudah lewat. Untuk menangkap trafik pencarian, butuh makna (alt/nama file), konteks (data terstruktur), keterjangkauan (sitemap gambar), dan kecepatan (LCP) sekaligus. Artikel ini merangkum setup minimal yang siap pakai di 2025.

Ringkasan

• Alt harus membuat teks tetap bermakna tanpa gambar. Dekoratif pakai alt kosong; informatif harus spesifik.
• Nama file alfanumerik + tanda hubung yang menjelaskan isi. Hindari img001.jpg.
• Pakai data terstruktur (Article + ImageObject) untuk memperkuat makna gambar utama.
• Pelihara sitemap gambar untuk menstabilkan pengindeksan.
• Untuk kandidat LCP, hentikan overserving dengan resize/srcset/sizes dan kendalikan prioritas.

Alt text — untuk “pembaca yang tak melihat”

Alt dipakai pembaca layar dan sebagai pengganti saat gambar gagal dimuat. Ringkas peran gambar dalam satu kalimat. Elemen dekoratif boleh alt="". Untuk gambar informatif (diagram, perbandingan, langkah), sertakan nama khusus dan angka.

Contoh baik:

• Slider perbandingan sebelum/sesudah crop (perbedaan langsung terlihat)
• “Contoh input kalkulator ukuran cetak (lebar 210mm, hasil 300 DPI)”

Contoh buruk:

• “image1”, “photo”, “image”
• Penjejalan kata kunci (tidak natural)

Nama file — selaras dengan niat pencarian dan nalar manusia

• Gunakan alfanumerik + tanda hubung (mis. webp-compression-example.jpg).
• Hindari spasi/Unicode/simbol; ekstensi harus sesuai format nyata.
• Untuk seri, gunakan akhiran -1/-2 tanpa merusak unit semantik.

Saat mengganti nama aset lama, gabungkan dengan fingerprint agar cache stabil. Untuk massal: Ubah Nama Massal & Fingerprint.

Data terstruktur — perkuat dengan Article + ImageObject

Untuk gambar utama artikel, tambahkan ImageObject. Bidang yang berguna:

• url / width / height
• caption (deskripsi gambar)
• representativeOfPage (apakah gambar representatif)

Di situs ini, gambar OG/Twitter diintegrasikan ke JSON-LD artikel (Article) dan dicantumkan sebagai ImageObject (lihat implementasi di kode).

Sitemap gambar — bantu crawl dan kanonisasi

Tidak perlu mencantumkan semua gambar, tapi mencantumkan jalur utama (artikel/kategori/tools) dengan image:image meningkatkan stabilitas indeks. Buat diff saat update dan bersihkan URL 404.

Otomatiskan generasi. Perluas scripts/generate-sitemap.mjs untuk mengeluarkan <image:image>.

Kandidat LCP — rancang dari layout, hentikan overserving

Untuk kandidat LCP (hero atau gambar awal):

1. Hitung batas piksel dari lebar kontainer × DPR yang diharapkan
2. Siapkan 3–5 lebar dan tulis srcset/sizes yang tepat
3. priority/preload/fetchPriority untuk mempercepat render awal

Jika ragu, lihat Workflow pengubahan ukuran 2025 — Pangkas 30–70% bytes dengan berpikir mundur dari layout dan Desain gambar responsif 2025 — Panduan praktis srcset/sizes.

Pola operasi — otomatisasi agar tidak melenceng

• Simpan master berkualitas tinggi; buat turunan dalam satu proses build
• WebP sebagai basis + validasi AVIF; satukan kebijakan ICC/metadata
• Cache jangka panjang + fingerprinting agar penggantian tak merusak

Alat yang membantu:

• Generator Srcset: Draft srcset/sizes
• Pengonversi format: Konversi sesekali + cek kualitas
• Pengubah ukuran gambar: Tentukan batas atas dari layout

Ringkasan akhir

Dengan empat pilar—makna (alt/nama), konteks (data terstruktur), keterjangkauan (sitemap), dan kecepatan (LCP)—trafik dapat tumbuh tanpa stuffing. Mulai dari menyatukan kebijakan gambar utama, lalu kurangi overserving kandidat LCP.