Alt pada HTML: Apa itu dan Mengapa Penting?
Alt, singkatan dari alternative, adalah atribut HTML yang digunakan untuk memberikan teks alternatif untuk gambar di halaman web. Teks alternatif ini digunakan oleh browser, pembaca layar, dan mesin pencari untuk memahami konten gambar.
Mengapa Alt Penting?
1. Aksesibilitas: Untuk orang-orang dengan gangguan penglihatan yang menggunakan pembaca layar, teks alt memberikan deskripsi gambar sehingga mereka dapat memahami kontennya.
2. SEO: Mesin pencari seperti Google menggunakan teks alt untuk memahami konten gambar dan mengindeksnya dengan benar. Teks alt yang relevan membantu meningkatkan peringkat situs web di hasil pencarian.
3. Pengalaman Pengguna: Ketika gambar gagal dimuat, teks alt akan ditampilkan sebagai pengganti, memberikan informasi kepada pengguna tentang konten gambar yang hilang.
4. Kejelasan Konten: Teks alt membantu memahami konten gambar dalam berbagai situasi, seperti ketika gambar dimuat terlalu lambat atau koneksi internet buruk.
Bagaimana Menulis Teks Alt yang Baik?
- Singkat dan deskriptif: Teks alt harus memberikan deskripsi singkat dan akurat tentang gambar.
- Gunakan kata kunci yang relevan: Gunakan kata kunci yang relevan dengan konten gambar untuk membantu mesin pencari memahami gambar.
- Hindari kata kunci berlebihan: Jangan gunakan terlalu banyak kata kunci dalam teks alt.
- Hindari frasa "gambar" atau "foto": Contohnya, alih-alih "gambar kucing", tulis "kucing putih dengan mata biru".
Contoh Penggunaan Alt:
Dalam contoh di atas, "Kucing putih dengan mata biru" adalah teks alt yang menggambarkan gambar dengan akurat.
Kesimpulan
Atribut alt sangat penting untuk aksesibilitas, SEO, dan pengalaman pengguna yang baik. Dengan menulis teks alt yang baik, Anda dapat memastikan bahwa situs web Anda ramah bagi semua pengguna, termasuk pengguna dengan disabilitas, dan membantu mesin pencari mengindeks konten gambar Anda dengan benar.