Menambahkan Alt dan Title Pada Semua Gambar di Postingan Blog
adalah Hal yang wajib dalam SEO. Karena bisa dibilang Mesin Pencari Buta terhadap Gambar , Maksud saya, mesin pencari tidak bisa membaca Gambar, lain Halnya jika Temen - temen Blogger sudah menambahkan Alt Tag dan Title Tag.mesin pencari akan dapat membaca gambar dengan baik apabila gambar tersebut sudah ada ALT tag dan TITLE tag yang Tepat.
Tidak bisa dipungkiri, kita mungkin sering lupa akan Hal ini. Hehe. Keasikan nulis Postingan tapi Lupa dengan Hal ini yang juga termasuk penting karena ini adalah SEO dasar yang kita semua harus Tahu dan Lakukan.
Ketika saya jalan - jalan nyari Bahan Postingan, Ketemulah Cara menambahkan ALT dan TITLE tag secara Otomatis. Saya tertarik untuk membagikannya juga kepada Temen - temen Blogger yang berkunjung ke Blog Cara SEO Blogger ini. Karena mungkin bisa sangat membantu Temen - temen Blogger yang sering Lupa atau Tidak mau terlalu repot menambahkan ALT dan TITLE Tag pada setiap gambar pada Postingan.
Bagaimana Cara Menambahkan ALT dan TITLE Tag Pada Semua Gambar Secara Otomatis?
- Seperti Biasa, Login ke Blogger.com. dan Langsung menuju ke Dashboard Blog kamu.
- Pilih Menu Template >> Edit HTML.
- Tekan CTRL + F untuk melakukan FIND. Cari Kode </body>.
- Copy Kode di bawah ini, ( Jika di Blog kamu sudah ada JQuery nya, kode berwarna biru tidak perlu di Copy. ) :<script src="http://code.jquery.com/jquery-2.0.2.min.js"></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('.')));
$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script> - Pastekan Kodenya di Atas Kode Body. (Lihat Contoh di bawah kalau bingung).<script src="http://code.jquery.com/jquery-2.0.2.min.js"></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('.')));
$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
</body> ---->>> Ini Adalah Kode penutup tag Body. Paste di atasnya - Simpan Template dan Selesai.
