Image SEO: WebP, Alt Text, dan Konteks yang Sering Terlewat

Sebuah gambar produk bisa sangat tajam, tetapi tetap tidak banyak membantu jika namanya IMG_9482.jpg, ukurannya 6 MB, alt text-nya “gambar”, dan posisinya jauh dari penjelasan produk. Image SEO bekerja ketika visual, performa, accessibility, dan konteks editorial saling mendukung.

Pertama, tentukan pekerjaan gambarnya

Foto suasana, screenshot antarmuka, diagram proses, dan gambar produk punya fungsi berbeda. Foto suasana membangun rasa. Screenshot membuktikan fitur. Diagram menjelaskan hubungan. Foto produk membantu orang menilai detail. Kalau tim belum bisa menjawab apa yang harus dipahami pembaca setelah melihat gambar, optimasi format saja tidak akan menyelesaikan masalah.

• Gunakan file name yang singkat dan deskriptif, bukan deretan karakter acak.

• Tulis alt text berdasarkan fungsi gambar dalam konteks halaman, bukan daftar keyword.

• Letakkan visual dekat heading dan paragraf yang sedang dibahas.

• Tambahkan caption bila ada informasi yang tidak cukup disampaikan oleh gambar dan alt text.

WebP membantu, tetapi ukuran yang tepat lebih penting

WebP biasanya memberi ukuran file lebih kecil daripada JPEG atau PNG pada kualitas visual yang sebanding. Namun, file WebP selebar 5000 piksel tetap berlebihan untuk card selebar 420 piksel. Buat beberapa ukuran, kirim varian yang sesuai dengan viewport, dan cantumkan width serta height agar browser dapat menyiapkan ruang sebelum file selesai dimuat.

Lazy loading cocok untuk gambar di bawah fold, bukan otomatis untuk hero yang menentukan Largest Contentful Paint. Untuk visual utama, prioritaskan waktu tampil. Untuk galeri panjang, gunakan thumbnail dan muat versi besar saat dibutuhkan. Tujuannya bukan sekadar skor, melainkan mengurangi byte yang tidak pernah memberi nilai kepada pengguna.

Alt text yang terdengar seperti manusia

Alt text bukan tempat menyalin judul artikel. Bayangkan gambar gagal dimuat dan Anda harus menggantinya dengan satu kalimat. Untuk foto tim yang dekoratif, alt kosong bisa jadi pilihan paling jujur. Untuk diagram alur pembayaran, jelaskan urutan pentingnya. Untuk tombol bergambar, sebutkan aksinya, bukan bentuk ikonnya.

Alt text yang baik tidak mendeskripsikan setiap piksel. Ia menyampaikan informasi yang hilang bila gambar tidak terlihat.

Checklist sebelum publish

1. Pastikan gambar memang menambah informasi atau suasana yang relevan.

2. Crop sesuai komposisi tampilan, bukan dipaksa oleh CSS hingga subjeknya terpotong.

3. Sediakan ukuran responsif dan format efisien.

4. Isi alt text, caption, dan metadata seperlunya dari CMS agar tetap editable.

5. Periksa halaman pada koneksi lambat dan layar kecil.

6. Pastikan URL gambar dapat diakses crawler dan tidak terhalang aturan yang keliru.

Praktik resmi yang lebih lengkap dapat ditemukan di Google Image SEO Best Practices.