Gambar sudah muncul di website, tetapi belum tentu jalur penemuannya jelas bagi mesin pencari. Bisa saja foto produk hanya dipasang sebagai latar CSS, URL aset membutuhkan sesi login, atau keterangan gambar tidak menjelaskan apa yang sedang ditampilkan.
Saya memeriksa gambar sebagai pasangan: file gambar dan halaman yang memberi konteks. Memperkecil ukuran file membantu pengalaman membaca. Audit penemuan gambar menjawab pertanyaan berbeda: apakah gambar dapat ditemukan, diambil, dan dipahami bersama halaman yang tepat?
Mulai dari gambar yang punya tugas
Ambil sampel berdasarkan peran: foto produk utama, diagram tutorial, tangkapan layar langkah kerja, dan ilustrasi dekoratif. Jangan langsung mengganti seluruh nama file atau mengisi semua alt text dengan kata kunci yang sama.
Contoh ilustratifnya adalah halaman panduan mengganti filter mesin kopi. Foto penutup mesin memberi orientasi. Diagram posisi pengunci menjelaskan tindakan. Motif kopi di latar hanya menghias. Ketiganya tidak membutuhkan perlakuan yang sama.
Buat catatan sederhana: URL halaman, fungsi gambar, URL file yang benar-benar dimuat, cara gambar dipasang, teks di dekatnya, dan masalah yang ditemukan. Gunakan URL file dari elemen atau panel Network, bukan URL halaman galeri yang kebetulan menampilkan gambar tersebut.
Periksa cara gambar ditemukan
Google dapat menemukan gambar melalui atribut src pada elemen img, termasuk di dalam picture. Google tidak mengindeks gambar CSS. Untuk gambar responsif, sediakan img dengan src sebagai fallback. Panduan Google Images.
Dalam contoh filter kopi, diagram instruksi yang penting sebaiknya menjadi gambar konten dengan keterangan yang dapat dibaca. Latar dekoratif boleh tetap memakai CSS sesuai kebutuhan desain. Keputusan ini mengikuti fungsi gambar, sehingga tim tidak perlu memindahkan seluruh dekorasi ke elemen konten.
Setelah itu, buka URL file langsung dalam sesi tanpa login. Periksa status respons, format yang diterima, dan apakah yang muncul benar-benar gambar. Respons 200 berisi halaman login tetap merupakan masalah. Jika menggunakan CDN, periksa host aset tersebut juga; aturan akses pada domain utama belum tentu sama dengan aturan CDN.
Tulis alt text berdasarkan informasi yang hilang
Tanyakan: jika gambar tidak terlihat, informasi apa yang dibutuhkan pembaca untuk melanjutkan tugasnya?
Untuk foto contoh tadi, alt yang masuk akal adalah “Pengunci filter berada di sisi kanan rumah filter.” Untuk diagram yang lebih rumit, letakkan langkah lengkap sebagai teks biasa di halaman, lalu gunakan alt yang mengenalkan diagram. Kamu tidak perlu memadatkan seluruh manual menjadi satu atribut.
Gambar dekoratif dapat menggunakan alt="". Gambar yang menjadi satu-satunya isi tombol atau tautan perlu menyampaikan fungsi atau tujuannya. Keputusan ini bergantung pada konteks, sebagaimana dijelaskan dalam pohon keputusan alt dari W3C.
Uji dua keadaan: gambar terlihat dan gambar gagal dimuat. Pastikan instruksi tetap bisa diikuti. Alt yang hanya berisi “filter kopi murah terbaik servis mesin kopi” gagal membantu pada keadaan kedua, sekalipun mengandung banyak kata kunci.
Cocokkan file, konteks, dan halaman tujuan
Gunakan nama file yang masuk akal saat menyiapkan aset baru, lalu letakkan gambar dekat penjelasan yang relevan. Pertahankan URL yang konsisten ketika file yang sama dipakai di beberapa halaman. Google menyarankan konsistensi URL gambar agar file dapat digunakan kembali tanpa permintaan yang tidak perlu. Konteks dan URL gambar di Google Search.
Untuk aset lama yang sudah bekerja, nilai biaya perubahan terlebih dahulu. Mengganti nama ribuan file demi memasukkan variasi kata kunci menciptakan pekerjaan pembaruan referensi dan risiko gambar rusak. Catat masalah konkret yang ingin diselesaikan sebelum melakukan migrasi aset.
Contoh lembar kerja yang bisa kamu salin:
| Gambar | Temuan | Tindakan | Bukti selesai |
|---|---|---|---|
| Diagram pengunci | Hanya background CSS | Jadikan gambar konten | img src terlihat dan file terbuka |
| Foto filter | URL CDN meminta login | Perbaiki akses aset publik | Sesi tanpa login menerima gambar |
| Motif latar | Alt berisi daftar kata kunci | Sesuaikan dengan fungsi dekoratif | Pembacaan halaman tidak terganggu |
| Foto langkah kedua | Keterangan membahas langkah pertama | Cocokkan teks dan gambar | Instruksi dapat diikuti berurutan |
Bedakan file gambar dengan halaman attachment
Pada CMS tertentu, satu gambar dapat memiliki URL file dan halaman HTML attachment tersendiri. Halaman attachment yang hanya berisi thumbnail tidak sama dengan artikel yang menjelaskan gambar tersebut. Periksa ke mana tautan gambar membawa pembaca sebelum memutuskan apakah halaman tambahan itu berguna.
WordPress mengubah perilaku instalasi baru sejak versi 6.4: halaman attachment dinonaktifkan secara bawaan dan dialihkan ke URL attachment. Situs yang sudah ada mempertahankan perilakunya ketika diperbarui. Jadi, jangan mengasumsikan semua situs WordPress memiliki masalah atau pengaturan yang sama. Catatan resmi perubahan attachment WordPress.
Untuk situs yang masih memiliki halaman tersebut, catat tiga URL: artikel, halaman attachment, dan file. Nilai fungsi halaman attachment sebelum mengubahnya, lalu uji tujuan tautan serta akses file sesudah perubahan. Pengaturan pada plugin atau tema perlu diperiksa melalui hasil nyata. Memasang plugin SEO baru bukan langkah wajib hanya untuk menyelesaikan satu jenis URL.
Gunakan image sitemap untuk celah penemuan
Image sitemap dapat membantu memberitahukan URL gambar yang mungkin sulit ditemukan. URL gambar pada CDN boleh dicantumkan di elemen gambar meskipun domainnya berbeda. Ini tidak memperbaiki file yang tetap tidak dapat diakses. Dokumentasi image sitemap pada panduan Google.
Sebelum menambah generator sitemap, pilih beberapa aset penting dan periksa apakah halaman serta URL gambarnya sudah benar. Generator yang mengambil URL thumbnail lama atau aset sementara hanya memperbanyak daftar yang keliru. Pisahkan aset publik permanen dari pratinjau privat.
Verifikasi melalui sampel yang sama
Sesudah perbaikan, ulangi pemeriksaan pada URL dan kondisi yang sama. Simpan bukti elemen gambar, respons file, konteks teks, dan hasil inspeksi halaman. Jika data pencarian gambar tersedia, gunakan sebagai pemantauan lanjutan dengan periode yang sebanding.
Perbaikan akses dan konteks dapat dinyatakan selesai ketika bukti teknisnya sesuai. Kemunculan gambar untuk pencarian tertentu tetap merupakan hasil yang perlu diamati. Dengan pemisahan ini, kamu tahu pekerjaan mana yang sudah terbukti beres dan pertanyaan mana yang masih terbuka.
