Alt text (alternative text) adalah deskripsi tekstual yang menjelaskan isi dan fungsi gambar di halaman web. Elemen ini berfungsi meningkatkan aksesibilitas bagi pengguna pembaca layar (screen reader), mengoptimalkan indeks SEO pada mesin pencari, serta memberikan konteks informatif saat gambar gagal dimuat.
- Panjang ideal penulisan alt text adalah 125 karakter atau kurang agar terbaca optimal oleh screen reader.
- Alt text mendukung kepatuhan standar aksesibilitas web internasional (WCAG) dan meningkatkan peringkat gambar di SEO.
- Gambar yang bersifat murni dekoratif tanpa nilai informasi kontekstual tidak memerlukan pengisian alt text.
Alt text (atau Alternative Text) adalah deskripsi tekstual yang ditambahkan ke gambar di suatu Website untuk menjelaskan isi dan fungsi gambar tersebut. Sesuai istilahnya, Alternative Text berfungsi sebagai “pengganti” gambar ketika gambar tidak dapat ditampilkan.
Fungsi Alt Text
- Aksesibilitas – Membantu pengguna dengan gangguan penglihatan yang menggunakan pembaca layar untuk memahami konten gambar
- SEO (Search Engine Optimization) – Membantu mesin pencari mengindeks gambar dengan tepat
- Konteks – Memberikan informasi ketika gambar gagal dimuat karena koneksi lambat atau tautan rusak
- Kepatuhan – Memenuhi standar aksesibilitas web seperti WCAG (Web Content Accessibility Guidelines)
Alternative Text yang baik bersifat ringkas namun deskriptif, menjelaskan isi gambar dan konteksnya. Contohnya, bukan hanya “foto bunga” tetapi “bunga mawar merah mekar di kebun pada pagi hari”.
1. HTML
- Baik : <img src=”cat.jpg” alt=”A fluffy white cat sitting on a windowsill”>
- Buruk : <img src=”cat.jpg” alt=”Picture of a cat”>
2. Di sistem manajemen konten (CMS) seperti WordPress
- Saat mengunggah atau mengedit gambar
- Biasanya ada kolom khusus berlabel “Alt Text” atau “Teks Alternatif”3. platform media sosial:
3. Media Sosial
- Instagram: Opsi “Tulis teks alt” saat membuat postingan baru
- Twitter: Opsi “Tambahkan deskripsi” saat melampirkan gambar
- Facebook: Fitur “Tambahkan teks alternatif” setelah mengunggah gambar
4. Di perangkat lunak desain
- Microsoft Word: Klik kanan gambar > Format Gambar > Teks Alt
- PowerPoint: Klik kanan gambar > Edit Teks Alt
- Adobe Acrobat: Tools > Accessibility > Set Alternate Text
Alternative Text harus selalu ditambahkan ke gambar utama/ penting, tetapi bisa diabaikan untuk gambar dekoratif yang tidak memiliki nilai informasi sebelum di Upload ke WordPress atau platform Website lainnya
Cara Menulis Alt Text yang Tepat
Untuk menulis alt text yang efektif, ikuti panduan berikut:
- Singkat dan deskriptif: Jelaskan gambar dalam 125 karakter atau kurang. Cukup detail tapi tidak bertele-tele.
- Fokus pada konteks dan tujuan: Identifikasi mengapa gambar itu penting dalam konteks halaman.
- Hindari awalan “Gambar dari…” atau “Foto…”: Pembaca layar sudah mengidentifikasi elemen sebagai gambar.
- Tambahkan detail penting: Warna, lokasi, ekspresi, atau elemen kunci lainnya jika relevan.
- Gunakan kata kunci yang relevan: Masukkan 1-2 kata kunci terkait konten situs jika alami.
- Hindari pengulangan: Jangan duplikasi caption atau teks yang berdekatan dengan gambar.
- Kurangi tanda baca berlebihan: Tidak perlu tanda seru atau simbol khusus.
- Gambar dekoratif: Untuk gambar murni dekoratif, gunakan alt=”” (alt kosong).
Contoh Sederhana :
Gambar : Logo Usaha
- Baik : “Logo Muda Bersahaja 2025”
- Buruk: “Logo”
Dengan mengikuti panduan ini, semoga membantu aksesibilitas dan meningkatkan SEO Website Sahabat.
Untuk info lebih lengkap, silahkan hubungi admin Mudabersahaja dengan klik disini, penyedia Jasa SEO terpercaya. jasa SEO WordPress, jasa buat web professional.
FAQ (Pertanyaan Umum)
Apa itu alt text dan mengapa penting untuk website?
Alt text adalah deskripsi teks pengganti gambar yang penting untuk membantu penyandang disabilitas penglihatan memahami konten visual via pembaca layar, membantu mesin pencari mengindeks gambar (SEO), dan memberikan informasi saat gambar gagal dimuat.
Berapa panjang ideal dan bagaimana cara menulis alt text yang benar?
Panjang ideal alt text adalah 125 karakter atau kurang. Tuliskan deskripsi secara ringkas, jelas, dan kontekstual tanpa perlu menyertakan awalan seperti ‘Foto dari’ atau ‘Gambar dari’.
Apakah semua gambar pada website wajib diberikan alt text?
Tidak. Alt text wajib diberikan untuk gambar utama yang membawa informasi penting, sedangkan gambar yang bersifat murni dekoratif dapat diabaikan atau dikosongkan.