Salah satu cara paling sederhana untuk membuat situs web Anda lebih mudah diakses adalah dengan menggunakan atribut alt di tag gambar Anda. Sungguh menakjubkan bagi saya berapa banyak orang lupa untuk menggunakan atribut sederhana ini. Bahkan, sekarang, jika Anda ingin menulis XHTML yang valid, atribut alt diperlukan untuk tag img. Namun orang-orang masih belum melakukannya.
Atribut ALT
Atribut alt adalah atribut dari img tag dan dimaksudkan sebagai alt ernative untuk browser non-visual ketika mereka menemukan gambar. Ini berarti, bahwa teks dimaksudkan untuk digunakan ketika gambar tidak terlihat pada halaman. Sebaliknya, apa yang ditampilkan (atau dibaca) adalah teks alternatif .
Banyak browser juga menampilkan teks alt ketika pelanggan meletakkan mouse mereka pada gambar. Ini berarti teks harus jelas dan mudah dibaca dan tidak membuat mimpi buruk popup yang besar bagi pembaca yang menghentikan tetikusnya di halaman Anda. Menambahkan teks alt sederhana, cukup gunakan atribut alt pada gambar Anda. Berikut ini beberapa kiat untuk menulis tag alt:
Singkat
Beberapa browser benar-benar akan rusak jika teks alt terlalu panjang. Dan meskipun mungkin tampak bagus untuk menggambarkan apa yang persis dalam gambar, itu bukan tujuan dari tag alt. Sebaliknya, harus diisi dengan kata-kata yang tepat untuk menempatkan gambar dalam konteks dan tidak lebih
Bersikaplah Jelas
Jangan terlalu singkat sehingga konteksnya membingungkan. Ingat, beberapa orang HANYA akan melihat teks di alt tag Anda, jadi jika terlalu singkat mereka mungkin tidak mengerti apa yang Anda coba tunjukkan kepada mereka. Sebagai contoh:
- sebatang pohon - bagus
- pohon sycamore - lebih baik
- pohon sycamore setinggi 10 kaki dengan sebagian besar daun coklat dan mungkin ada yang salah dengan kulitnya - terlalu banyak
Jadilah Kontekstual
Jangan menggambarkan gambar jika itu dimaksudkan untuk dilihat dalam konteks. Misalnya: Jika Anda memiliki gambar logo perusahaan, Anda harus menulis "Nama Perusahaan" dan bukan "Logo Nama Perusahaan."
Jangan Tampilkan Pekerjaan Dalam Situs Anda
Jika Anda meletakkan gambar spacer , cukup gunakan spasi untuk teks alt Anda. Jika Anda menulis "spacer.gif" itu hanya meminta perhatian ke situs, daripada memberikan informasi yang berguna. Dan secara teknis, jika Anda mencoba untuk menulis XHTML yang valid, Anda harus menggunakan CSS daripada gambar spacer, sehingga Anda mungkin juga meninggalkan teks alt dari gambar-gambar itu.
Jadilah Mesin Pencari Sadar
Jika Anda memiliki teks alt yang bagus, ringkas, jelas, yang benar-benar dapat membantu peringkat mesin pencari Anda, karena gambar di halaman Anda mempromosikan dan meningkatkan kata kunci Anda.
Jangan Gunakan Ini Hanya untuk Pengoptimalan Mesin Telusur
Banyak situs berpikir bahwa jika mereka menggunakan teks alt sebagai alat SEO, mereka dapat "menipu" mesin pencari untuk mengoptimalkan situs mereka untuk kata kunci yang tidak ada di sana. Namun, ini dapat menjadi bumerang jika mesin pencari memutuskan Anda mencoba untuk memalsukan hasil Anda dan menghapus Anda dari hasil sepenuhnya.