Penggunaan atribut dan atribut judul ALT Teks yang benar tidak hanya dapat meningkatkan kemampuan pencarian gambar, tetapi juga sangat membantu untuk pengalaman pengguna.
Alt Text dimaksudkan untuk memberikan deskripsi teks kepada pemirsa yang tidak dapat melihat gambar dalam dokumen Anda. Ini termasuk pengguna yang menggunakan browser yang tidak mendukung tampilan gambar atau tampilan gambar dimatikan, pengguna yang tunanetra dan pengguna yang menggunakan pembaca layar. Jadi teks pengganti digunakan untuk mengganti gambar alih -alih memberikan teks literal tambahan. Teks alt juga memainkan peran judul dalam browser IE - teks meminta ketika mouse lewat. Yaitu browser menyesatkan semua orang. Dalam IE, ALT akan menjadi prompt teks karena IE bukan standar. Firefox melakukan ini lebih baik.
Judul adalah penjelasan dan tambahan tambahan untuk gambar. Jika Anda perlu menggunakan prompt teks saat mouse melewati gambar, Anda harus menggunakan judul atribut. Atribut judul memiliki prioritas yang lebih tinggi daripada teks alt. Namun, karena panduan yang salah, banyak pemula hanya menambahkan atribut alt ke tag IMG.
Mari kita lihat contoh di bawah ini, dan kita dapat melihat perbedaan antara teks dan judul alt lebih jelas:
//*Gambar tidak ditampilkan
<img src = vevb.jpg width = 400 tinggi = 104alt = desain web>
<img src = vevb.jpg width = 239 tinggi = 104 title = desain web/
//*tampilan gambar
<img src = vevb.png title = desain web/
<img src = vevb.png alt = desain web/
Di browser IE, permintaan teks akan muncul ketika mouse melewati gambar untuk keempat kode ini.
Di browser Firefox, tiga kode pertama, ketika mouse melewati gambar, prompt teks akan muncul, dan kode terakhir, mouse melewati gambar, tidak akan menampilkan prompt teks (seperti yang ditunjukkan pada gambar di bawah).
Dengan kata lain, ketika gambar tidak dapat ditampilkan, konten teks pengganti akan ditampilkan ketika mouse melewati gambar, dan ketika gambar dapat ditampilkan, teks penggantian tidak akan ditampilkan ketika mouse melewati gambar.
Sekarang kita tahu apa perbedaan antara teks dan judul alt, bagaimana kita bisa menggunakannya dengan benar?
1. Teks dan judul Alt sangat penting bagi pengunjung (teks ALT akan lebih penting untuk mesin pencari), jadi ketika mendefinisikan objek IMG, yang terbaik adalah menulis semua atribut teks dan judul alt untuk memastikan bahwa mereka dapat digunakan secara normal di berbagai browser.
2. Sertakan kata kunci dalam teks dan judul alt, dan isi keduanya paling berbeda.
3. Jangan menumpuk kata kunci dalam teks dan judul alt, jika tidak, itu dapat menyebabkan penalti mesin pencari.