Cara Menulis Alt Text Gambar untuk SEO dan Aksesibilitas

Alt text yang baik adalah satu kalimat pendek yang menyampaikan apa yang akan hilang bila gambar itu tidak bisa dilihat.

Kenapa penting? Atribut alt dibacakan oleh pembaca layar kepada pengguna tunanetra, ditampilkan browser saat gambar gagal dimuat, dan dipakai mesin pencari untuk memahami isi gambar. Satu atribut kecil melayani tiga pembaca sekaligus. Masalahnya, kebanyakan website mengisinya dengan nama file, deretan kata kunci, atau membiarkannya kosong di tempat yang salah.

Apa yang sebenarnya dicari dari alt text?

Pertanyaan pembantunya sederhana: kalau gambar ini diganti teks, kalimat apa yang membuat halaman tetap utuh?

Jawabannya bergantung pada fungsi gambar, bukan hanya isinya. Foto yang sama bisa butuh alt berbeda di dua halaman. Foto barista menuang susu di halaman "Tentang Kami" mungkin cukup ditulis "Barista menuang latte art di kedai kami". Di halaman kursus barista, alt yang lebih berguna justru menyebut tekniknya, misalnya "Teknik menuang susu dari ketinggian rendah untuk membentuk pola hati".

Panduan praktisnya:

• Jelaskan inti gambar, bukan setiap detail.
• Jangan awali dengan "gambar dari" atau "foto". Pembaca layar sudah memberi tahu bahwa itu gambar.
• Usahakan singkat, cukup satu kalimat. Alt yang panjang melelahkan didengar, dan penjelasan rinci lebih cocok ditaruh di teks halaman.
• Tulis dalam bahasa yang sama dengan halaman.
• Jangan mengulang teks yang sudah ada tepat di sebelah gambar.

Contoh untuk jenis gambar yang paling sering dipakai

Angka di contoh grafik hanya ilustrasi. Yang penting polanya: alt menyampaikan kesimpulan, sementara angka lengkap ditulis di teks atau tabel di dekat grafik agar bisa dibaca semua orang.

Bagaimana dengan foto produk di toko online?

Foto produk adalah tempat alt text paling berdampak, karena di sinilah orang mencari lewat Google Gambar dan di sinilah pengguna pembaca layar butuh tahu barang apa yang sedang dilihat. Sebut jenis produk, warna atau bahan, dan sudut pandang bila ada beberapa foto. Untuk varian warna, alt harus ikut berubah sesuai foto, jangan disalin sama untuk semuanya. Kalau kamu sedang menyiapkan katalog, langkah lain ada di cara membuat toko online.

Kapan alt boleh kosong?

Gambar yang murni hiasan, seperti pola latar, garis pembatas, atau ikon yang hanya mengulang teks di sebelahnya, sebaiknya diberi alt="". Alt kosong memberi tahu pembaca layar untuk melewatinya. Ini berbeda dengan tidak menulis atribut alt sama sekali: tanpa atribut, sebagian pembaca layar akan membacakan nama file, yang jelas tidak membantu.

Bagaimana menyeimbangkan SEO dan pengguna pembaca layar?

Kabar baiknya, keduanya hampir selalu searah. Alt yang menjelaskan gambar dengan jelas untuk manusia juga membantu mesin pencari memahami gambar itu.

Konflik muncul hanya bila alt ditulis untuk mesin, bukan untuk orang. Uji sederhana: bacakan alt itu keras-keras. Kalau terdengar seperti iklan atau daftar tag, tulis ulang. Kalau terdengar seperti orang yang menjelaskan foto kepada temannya lewat telepon, kamu berada di jalur yang benar.

Faktor SEO gambar lain juga ikut berperan: nama file yang deskriptif (misalnya sepatu-lari-navy.jpg), teks di sekitar gambar, judul halaman, dan ukuran file yang ringan. Alt text adalah salah satu bagian, bukan satu-satunya. Gambaran SEO yang lebih luas ada di SEO dasar untuk UMKM.

Kesalahan umum yang mudah diperbaiki

• Alt sama untuk semua gambar. Biasanya terjadi karena tema atau plugin mengisi alt otomatis dengan judul halaman.
• Teks penting hanya ada di dalam gambar. Banner promo berisi syarat dan tanggal harus punya alt yang memuat informasi itu, atau lebih baik lagi, tulis informasinya sebagai teks biasa.
• Logo diberi alt "logo". Pengguna tidak tahu logo siapa dan akan dibawa ke mana bila diklik.
• Alt sangat panjang untuk infografis. Ringkas di alt, lalu sediakan penjelasan lengkap di teks halaman.
• Mengandalkan alt otomatis dari AI tanpa diperiksa. Deskripsi otomatis bisa membantu sebagai draf, tapi sering melewatkan konteks, misalnya nama produk atau fungsi tombol.

Siapa yang sebaiknya menulis alt text?

Orang yang mengunggah gambar, karena dialah yang paling tahu kenapa gambar itu ada di halaman. Jadikan alt sebagai kolom wajib di proses unggah konten, sama seperti judul dan deskripsi. Untuk website lama, mulai dari halaman yang paling banyak dikunjungi dan foto produk terlaris, lalu lanjutkan bertahap.

Alt text adalah salah satu bagian dari aksesibilitas website secara umum. Prinsip lain seperti kontras warna, navigasi keyboard, dan label formulir dibahas di dasar WCAG untuk bisnis.