TUTORIAL MEMASANG ALT TAGS OTOMATIS PADA GAMBAR
Gambar (Image) bisa menjadi alasan tersendiri untuk mesin pencari merayapi blog kita, seperti diketahui secara default Search Engine (Mesin Pencari) seperti Google tidaklah bisa mengenali (melihat) sebuah gambar tanpa adanya nama dan keterangan, maka dari itu diperlukan optimasi khusus terhadap gambar yang terdapat pada suatu Blog yakni dengan memasang atribut ALT tags. Gambar dengan tag ALT dapat membantu blog dalam hal Optimasi SEO atau Optimasi Mesin Pencari yang nantinya berimbas pada trafik pengunjung ke blog kita, khususnya dalam pencarian gambar di Google.Mengingat pentingnya menyematkan Atribut ALT pada gambar untuk mendukung SEO Onpage Blog, pada kesempatan kali ini Jejak Blogspot akan berbagi Tutorial Memasang ALT tag pada Gambar secara Otomatis. yang nantinya dapat meringankan dan memudahkan kita dalam Mengoptimasi Blog karena kita tidak perlu Memasang ALT tag pada Gambar secara manual, meskipun memasang Image ALT tags tergolong pekerjaan yang mudah, akan menjadi kesulitan tersendiri apabila gambar-gambar yang ada di blog kita berjumlah banyak.
Perlu diketahui salah satu kelemahan Memasang ALT tag secara otomatis adalah hanya bergantung pada nama gambar yang diupload, untuk mensiasati hal ini usahakan memberi nama gambar sesuai keyword yang dikehendaki sebelum mengupload gambar kedalam blog, bagaimana? tertarik untuk Memasang ALT Tag Gambar Otomatis? silahkan ikuti panduan dibawah ini (Saya asumsikan sobat sudah masuk ke dassboard Blogger)
- Akses menu "Template" disebelah kiri
- Pada halaman selanjutnya klik "Edit HTML"
- Dalam Kotak Edit HTML coba sobat cari kode "</body>" tanpa tanda kutip, untuk mempermudah pencarian, klik disembarang tempat pada Kotak Edit HTML, lalu manfaatkan shortcut keyboard dengan menekan Ctrl + F, pada kotak pencarian yang muncul disebelah kanan silahkan masukan kode diatas dan klik enter
- Apabila sudah ketemu, silahkan Copy Paste kode dibawah ini tepat diatas kode </body>
- Simpan Template...Selesai!!
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.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('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
<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('.')));
});
});
//]]>
</script>