Fungsi dari ALT dan Title pada Anchor Link dan Gambar

Ketika kita membuat link dan atau mengunggah gambar langsung pada menu posting blogger, maka kode ALT dan Tiitle tidak akan disertakan.

Nah untuk itu kita perlu menambahkannya secara manual dengan cara klik HTML seperti yang ada pada gambar dibawah.
Merubah Compose menjadi HTML

Bagaimana Cara Membuat ALT dan TITLE yang Baik dan Benar..?

Title pada Link Anchor
<a href="alamat-situs" title="judul URL">Anchor Link</a>

ALT pada gambar/foto
<img src="url-foto" alt="deskripsi gambar"/>

Title dan ALT pada Link Anchor dan Gambar
<a href="alamat-situs" title="judul URL"><img src="url-foto" alt="deskripsi gambar"/></a>

Apa Manfaat atau kelebihan menggunakan tag tersebut serta adakah kerugian atau dampak buruknya?

Untuk manfaat jelas ada pada SEO dan untuk kekurangannya sepertinya tidak ada.

Jika pada suatu Link anchor ditambah TITLE maka apabila link tersebut disorot mouse akan keluar teks seperti yang ada pada bagian TITLE itu sendiri.

Sedangkan untuk ALT itu berguna sebagai menjelaskan tentang gambar apa yang ada pada gambar itu sendiri.
Maksudnya begini:
Jika pengunjung blog Anda membuka situs pakai browser yang tidak mendukung gambar atau mereka sengaja mematikan gambar pada pengaturan dengan alasan agar loading tidak melambat, maka gambar tersebut tidak akan muncul dan sebagai penggantinya adalah teks yang Anda buat pada tag IMG tersebut.

Contoh saya membuat alt="Logo BB"
Maka jika foto tersebut tidak selesai diload akan memunculkan teks Logo BB

Dengan demikian memungkinkan seseorang yang tidak melihat gambar jadi tau gambar apa yang sebenarnya mau diperlihatkan oleh pengarang blog.
URL

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini