Image adalah sebuah konten grafis yang sangat bermanfaat di sebuah konten pada website, dalam hal ini image pada kode html dituliskan sebagai tag, namun ada sebuah attribute yang harusnya dilengkapi pada tag image tersebut yaitu Alt Text. Apa sebenarnya fungsi alt text?
Alt Text
Alt Text (Alternative Text) adalah sebuah attribute pada kode HTML untuk menggambarkan penampilan dan fungsi penjabaran pada tag tertentu.
Dalam hal ini, alt text pada tag image berguna untuk menampilkan informasi jika sewaktu-waktu data image gagal di load atau di render oleh kode HTML.
Fungsi Alt Text Pada Image
Seperti yang dijelaskan sebelumnya, alt text adalah sebuah teks alternative yang digunakan atau ditampilkan saat sebuah objek gagal diload atau dirender pada sebuah halaman di kode HTML.
Sebagai contoh, misalkan kita sedang menampilkan gambar atau foto Presiden Indonesia Joko Widodo. Dan kita menambahkan attribute alt text “Presiden Indonesia Joko Widodo” pada image tersebut, maka secara otomatis jika objek gambar gagal diload atau dirender akan menampilkan tulisan “Presiden Indonesia Joko Widodo”.
Contoh Penggunaan Alt Text Pada Image
<img src="localhost/img/banner.jpg" alt="Ini Adalah Alternative Text" />Dari contoh diatas dapat diketahui bahwa attribute “alt” bertujuan untuk memberikan informasi tambahan saat banner.jpg gagal diload atau dirender oleh browser.
Alt Text disukai Google
Attribute Alt Text sangat disukai banyak mesin telusur salah satunya Google, karena alt text pada tag image berfungsi mendukung pencarian mesin telusur. Terutama pada pencarian jenis image.
Maka tidak heran jika attribute alt text sangatlah penting dan tidak boleh dilewatkan, untuk mendukung kekuatan SEO sebuah website.
Kesimpulan
Fungsi Alt Text pada attribute sangatlah penting pada sebuah website, yaitu untuk mendukung sebuah mesin telusur melakukan scrawling. Dan tentunya membantu pengguna mengetahui keterangan dari berkas gambar atau foto yang gagal dirender atau diload di sebuah website.
Nah, anda baru saja mempelajari tentang Pentingnya Attribute Alt Text Pada Sebuah Tag Image di Kode HTML.
Ikuti kami di Facebook, untuk mendapatkan informasi menarik lainnya seputar website setiap hari.
