Pelajari apa itu alt text gambar, fungsinya untuk aksesibilitas web dan SEO, serta panduan praktis menulis alt text yang tepat

Dalam On-Page SEO, elemen visual seperti gambar memainkan peran penting dalam membuat konten lebih menarik dan mudah dipahami oleh pembaca. Namun, mesin pencari seperti Google tidak dapat “melihat” atau memahami isi sebuah gambar secara visual sebagaimana manusia melihatnya.

Untuk membantu mesin pencari dan perangkat pembaca layar (screen reader) mengenali objek visual tersebut, Anda memerlukan elemen kode HTML yang disebut Alt Text (Atribut Alt).

1. Apa Itu Alt Text?

Alt Text (singkatan dari Alternative Text, sering juga disebut alt tag atau alt attribute) adalah atribut HTML yang digunakan untuk memberikan deskripsi teks tertulis mengenai isi dan fungsi dari sebuah gambar di halaman web.

Secara teknis dalam kode HTML, alt text dituliskan seperti berikut:

HTML

<img src="sepatu-lari-pria.jpg" alt="Sepatu lari pria berwarna hitam untuk maraton">

Teks di dalam atribut alt="..." inilah yang akan dibaca oleh Googlebot dan ditampilkan di layar pengguna jika gambar gagal dimuat (error) akibat koneksi internet yang lambat.

2. Mengapa Alt Text Sangat Penting untuk SEO dan Pengguna?

Penggunaan alt text membawa tiga manfaat utama bagi performa website Anda:

• Meningkatkan Aksesibilitas Web (Web Accessibility):Alt text membantu pengguna penyandang disabilitas netra yang menggunakan screen reader. Perangkat tersebut akan membacakan alt text secara lisan sehingga mereka dapat memahami konteks gambar di dalam artikel.
• Membantu Indeksasi di Google Images: Google menggunakan alt text bersama dengan algoritma pengenalan gambar untuk memahami topik visual. Hal ini meningkatkan peluang gambar Anda muncul di peringkat atas Google Images, yang menjadi sumber traffic organik tambahan.
• Pengganti Teks Saat Gambar Gagal Dimuat: Jika ada gangguan teknis saat memuat gambar, alt text akan muncul di dalam kotak gambar kosong untuk memberi tahu pembaca visual apa yang seharusnya ada di sana.
• Memberikan Sinyal Konteks Topik Halaman: Teks deskriptif pada gambar memperkuat konteks pembacaan paragraf di sekitarnya, sehingga mesin pencari lebih yakin akan relevansi keseluruhan halaman web Anda.

3. Panduan Praktik Terbaik Menulis Alt Text yang Efektif

Agar alt text Anda memberikan nilai optimal bagi pengguna dan mesin pencari, ikuti aturan penulisan berikut:

A. Deskripsikan Gambar Secara Spesifik dan Jelas

Jelaskan objek, tindakan, atau informasi penting yang ada di dalam gambar secara lugas.

• Kurang Baik:alt="anjing"
• Sangat Baik:alt="Anjing Golden Retriever sedang mengambil bola di taman"

B. Masukkan Kata Kunci Utama Secara Alami

Sertakan target keyword utama atau variasi sinonimnya jika memang relevan dengan gambar tersebut. Namun, pastikan penempatannya mengalir dalam kalimat deskriptif.

C. Hindari Keyword Stuffing

Jangan menumpuk kata kunci pada alt text. Tindakan ini dianggap sebagai manipulasi spam yang dapat merugikan SEO situs Anda.

• Contoh Buruk (Keyword Stuffing):alt="sepatu murah jual sepatu sepatu lari sepatu olahraga diskon"

D. Hindari Kata-Kata Redundan

Tidak perlu mengawali teks dengan frasa seperti “Gambar dari…” atau “Foto tentang…”. Mesin pencari dan screen reader sudah secara otomatis mengenali bahwa elemen tersebut adalah gambar.

E. Biarkan Kosong untuk Gambar Dekoratif

Jika gambar hanya berfungsi sebagai pemanis desain (seperti garis pemisah, ikon hiasan, atau pola latar belakang), biarkan atributnya tetap kosong (alt=""). Ini membantu screen reader melompati elemen yang tidak bernilai informasi bagi pembaca.

Kesimpulan

Alt Text adalah elemen penting On-Page SEO yang menghubungkan aspek aksesibilitas web dengan optimasi pencarian visual. Dengan menulis deskripsi gambar yang spesifik, relevan, dan memuat kata kunci secara alami, Anda tidak hanya mempermudah pengunjung dalam memahami konten tetapi juga membuka peluang besar mendatangkan traffic dari Google Images.

Frequently Asked Questions (FAQ)

Berapa panjang ideal untuk penulisan Alt Text?

Panjang alt text yang ideal umumnya berkisar antara 80 hingga 125 karakter. Sebagian besar alat screen reader akan berhenti membaca alt text jika panjangnya melebihi 125 karakter.

Apa perbedaan antara Alt Text dan Image Caption (Keterangan Gambar)?

Alt Text berada di dalam kode HTML untuk dibaca oleh mesin pencari dan screen reader. Sementara Image Caption adalah teks penjelasan yang muncul secara fisik di bawah gambar di dalam halaman web dan dapat dibaca secara langsung oleh seluruh pengunjung.

Bagaimana cara mengisi Alt Text di WordPress?

Di WordPress, Anda dapat mengisi alt text dengan mudah dengan mengklik gambar pada Block Editor (Gutenberg) lalu memasukkan deskripsi pada kolom Alt Text (Alternative Text) yang ada di panel Image Settings sebelah kanan.