Disain Grafis, Tips dan Triks

Memberi ALT Tag dan Title Tag Pada Gambar Di Postingan Blog



Memberi ALT Tag dan Title Tag Pada Gambar Di Postingan Blog


Memasang ALT tag dan Title Pada Gambar Di Blog - Memasang gambar di postingan blog memang boleh dilakukan. Eksitensi gambar sangat penting bagi sebuah konten/artikel blog karena merupakan deskripsi mengenai artikel blog sehingga dapat memudahkan pengunjung memahami artikel / konten blog. Namun bagi search engine seperti google tidak akan mengenal gambar yang ada di postingan blog apabila gambar tersebut tidak diberi tanda pengenal atau atribut tag. Pemberian atribut tag ALT dan Title pada gambar di blog merupakan salah satu optimasi seo on page blog dan membuat gambar blog menjadi valid.

Memberi ALT tag dan Title Pada Gambar Di Blog

Memasang gambar di blog diusahakan jangan terlalu banyak dan ukuran gambar jangan terlalu besar karena dapat memperlambat loading blog. Blog dengan loading cepat akan memudahkan pembaca untuk membuka artikel bergambar. Kembali ke cara pemasangan gambar dengan memberi atribut alt tag dan titel didalam postingan blog. Biasanya gambar yang di upload di dalam postingan formatnya seperti dibawah ini dan cara menambah gambar di dalam postingan blog dilakukan pada mode HTML (bukan Compose).

<a href="http://3.bp.blogspot.com/-v0A5df2BuSU/VTJpWs82fcI/AAAAAAAADEA/eOFHuT98LCw/s1600/memberi%2Balt%2Btitle%2Bgambar.jpg" imageanchor="1" ><img border="0" src="http://3.bp.blogspot.com/-v0A5df2BuSU/VTJpWs82fcI/AAAAAAAADEA/eOFHuT98LCw/s320/memberi%2Balt%2Btitle%2Bgambar.jpg" /></a>


Kode untuk menambah atribut ALT tag dan Title pada gambar seperti dibawah ini

<img Alt=" Tag ALT" src="Url gambar " title=" Tag Title" />

Keterangan :
1. Tag ALT merupakan url gambar dan jika diklik maka gambar tersebut langsung mengarah pada link halaman
2. Tag Title merupakan title dari gambar dan jika mouse diarahkan pada gambar maka akan muncul title atau teks dari deskripsi gambar, coba anda arahkan pada gambar diatas.
3. Url gambar adalah url gambar yang diupload dari komputer anda

Penerapan gambar setelah diberi atribute ALT tag dan Title seperti dibawah ini

<img Alt="Memberi ALT tag dan Title Pada Gambar" src="http://3.bp.blogspot.com/-v0A5df2BuSU/VTJpWs82fcI/AAAAAAAADEA/eOFHuT98LCw/s1600/memberi%2Balt%2Btitle%2Bgambar.jpg" title="Memberi ALT tag dan Title Pada Gambar Di Blog" />

Dengan menambah tag alt dan title pada gambar blog maka gambar didalam postingan blog anda akan muncul di image search google, Semoga pembahasan diatas dapat bermanfaat.

Memberi ALT Tag dan Title Tag Pada Gambar Di Postingan Blog