Digital Marketing
Alt Text (Teks Alternatif)
Alt Text adalah atribut HTML pada tag img yang mendeskripsikan isi gambar, berfungsi sebagai fallback saat gambar gagal dimuat, meningkatkan aksesibilitas bagi pengguna screen reader, dan menjadi sinyal SEO untuk Google Images.
TL;DR: Alt Text (alternative text) adalah atribut
altdi tag<img>HTML yang mendeskripsikan isi gambar. Alt Text memiliki tiga fungsi: aksesibilitas untuk pengguna screen reader, fallback jika gambar gagal dimuat, dan sinyal SEO untuk Google Images. Best practice: deskriptif, di bawah 125 karakter, dan tidak keyword-stuffed.
Apa itu Alt Text?
Alt Text adalah teks pendek yang ditulis di atribut alt pada setiap tag gambar HTML, misalnya <img src="dashboard.png" alt="Dashboard Google Analytics 4 menampilkan tren traffic organik 90 hari">. Screen reader membacakan Alt Text kepada pengguna tunanetra, sementara Google memakainya untuk memahami konten gambar karena mesin pencari belum sepenuhnya menginterpretasi pixel secara visual.
Prinsip Penulisan Alt Text
| Situasi | Contoh Alt Text |
|---|---|
| Gambar informatif | "Grafik kenaikan traffic organik Vetmo selama 6 bulan" |
| Gambar dekoratif | alt="" (kosong, disembunyikan dari screen reader) |
| Tombol/ikon aksi | "Tombol download invoice PDF" |
| Infografik kompleks | Deskripsi singkat + link ke long description |
Hindari awalan "gambar dari" atau "foto" karena screen reader sudah mengumumkan jenis elemennya. Hindari pula keyword stuffing seperti "seo jakarta, seo murah, seo terbaik" yang kini menjadi sinyal spam.
Kenapa Penting?
Dalam proyek Vetmo dan Nalesha yang saya kerjakan, memperbaiki Alt Text pada 60+ gambar produk menaikkan impresi Google Images 20-35% dalam 3 bulan dan memperbaiki skor aksesibilitas Lighthouse dari 70-an ke 95+. Untuk e-commerce Indonesia yang bergantung pada pencarian visual, Alt Text yang rapi membantu produk tampil di tab "Gambar" yang punya intent komersial tinggi. Referensi praktik aksesibilitas resmi dapat dilihat di MDN Web Docs.
Pertanyaan Umum
Apakah gambar dekoratif butuh Alt Text?
Tidak. Cukup tulis alt="" (kosong) agar screen reader melewatinya. Mengisi dengan "dekorasi" justru mengganggu.
Berapa panjang ideal Alt Text?
Di bawah 125 karakter. Cukup untuk deskriptif tapi tidak terlalu panjang bagi screen reader.
Istilah Terkait