Menu Tutup

Apa kegunaan atribut alt pada gambar di website?

Deskripsi

Isi atau nilai dari atribut alt ini akan muncul jika gambar tidak tampil dikarenakan user yang mengakses website anda sedang berada didalam kondisi akses yang sangat lambat, atau value atribut src yang salah. Dengan kata lain, atribut alt ini berperan sebagai pengganti gambar dan merupakan penamaan dari gambar itu sendiri.

<img src="Ikan.jpg" alt="Gambar Ikan" />

Seperti yang sudah dijabarkan di deskripsi, kode diatas berarti kita melakukan load gambar bernama Ikan.jpg dengan diberikan atribut alt yang memiliki nilai “Gambar Ikan”. Dan kalimat pada alt ini akan muncul apabila user sedang berada didalam kondisi yang sudah dijelaskan tadi.

Contoh Gambar

Gambar yang tidak muncul :

Contoh gambar yang tidak muncul dan digantikan oleh atribut alt = “Gambar Ikan”

Gambar yang muncul :

Gambar asli

Manfaat

Selain yang sudah dijelaskan tadi manfaatnya, berikut ada beberapa manfaat lainnya yang sangat menguntungkan, yakni :

1. Validasi HTML

Dengan menggunakan atribut alt, maka warning atau error pada website anda akan berkurang jika divalidasi oleh W3C. Karena memang atribut ini merupakan atribut standar yang harus/wajib diikutsertakan dalam tag <img>.

2. SEO

Atribut ini sangat berperan penting untuk Search Engine Optimization. Karena search engine tidak bisa membaca gambar, maka atribut alt ini sebagai penggantinya. Selain itu, dengan penggunaan atribut ini maka sebenarnya kita sudah memberitahu search engine informasi atau deskripsi dari gambar itu sendiri.

Hindari

Hindari penulisan deksripsi untuk nilai atribut alt dengan terlalu banyak karakter atau huruf. Dan juga hindari penulisan deskripsi yang tidak relevan atau tidak sesuai dengan maksud atau bentuk visual dari gambar tersebut.

Postingan terkait :

Subscribe
Beritahu
guest
0 Comments
Inline Feedbacks
View all comments