Advertisement
Memberi nama pada gambar sangatlah penting sekali untuk SEO sebab mmemberikan penamaan pada gambar gambar hasil yang kita upload tadi berguna untuk memberitahukan informasi kepada mesin pencari / search engine tentang informasi gambar apakah yang barusan kita upload tadi.
Karena dengan kita menambahkan nama pada sebuah gambar akan mempermudah sebuah mesin penelusur menemukan kata kunci yang terkait dengan gambar pada saat pengguna internet melakukan search dengan mode gambar. Contoh bila belum memasang title dan alt tag di gambar hasil upload adalah seperti ini:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwHZ2kfL7r2YFsaxF21dwoGvCfjm1M3bvVV8Dup95XGMnYxmDfyzRRJdKJkQD99eoQUHyLV-EdY5__-aGK2I1za1y5LSiK8RLhEFDEddfHu4h1zsfph8wzCxaG5znl4DO-TCVXwKPwvmM/s1600/ebook.jpg
Bila sudah diberi nama dan tag hasilnya adalah seperti ini :
<img alt="Mengisi title dan alt tag"
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwHZ2kfL7r2YFsaxF21dwoGvCfjm1M3bvVV8Dup95XGMnYxmDfyzRRJdKJkQD99eoQUHyLV-EdY5__-aGK2I1za1y5LSiK8RLhEFDEddfHu4h1zsfph8wzCxaG5znl4DO-TCVXwKPwvmM/s1600/ebook.jpg
Dalam memberikan Title And Alt Tag On Picture tidaklah sulit. anda bisa memasukkan dengan cara manual ataupun dengan menambahkan sebuah script khusus ke dalam template sobat.
1. Cara manual
Sobat blogger pada saat mengunggah foto / gambar ke dalam blog, bila sudah terunggah pasti sobat menemui setting gambar seperti small,medium,large,extra large,original size,properties,link.
Anda tinggal klik saja properties, nanti bila muncul jendela form silahkan isi saja nama gambar dan tag gambar tersebut kemudian klik Ok.
2. Cara otomatis-dengan script
Bila sobat tidak mau susah susah menamai satu per satu gambar upload an cukup memasang script dibawah ini. Script ini secara otomatis akan menambahkan tag sesuai nama gambar yang sobat unggah tadi. Dan script ini pun tidak menjadikan blog menjadi lambat kok, dan berikut adalah penampakan dari script yang bisa digunakan.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
Pasang kode script tersebut pada menu template, edit html tepat diatas kode
</body>.
Advertisement