Friday, 23 November 2012

Membuat kode SEO otomatis pada gambar

Hal ini dilakukan agar secara otomatis gambar yang ada di halaman blogger terindeks oleh search engine seperti google sehingga blogger tidak direpotkan dengan cara manual (menambahkan deskripsi pada  <img alt="description of the image" height="125" scr="/image.png" width="125" /> saat memposting gambar). Cara tersebut bisa dikatakan merepotkan. Dengan cara otomatis ini setiap gambar mempunyai deskripsi sama dengan judul gambarnya. Oleh karena itu, blogger harus memberi nama yang sesuai untuk setiap gambar yang akan diposting.

Karena gambar pada halaman blog merupakan salah satu media yang dapat digunakan untuk trafik pada search engine karena sebagian pengguna internet sangat suka mencari atau sekedar browsing untuk melihat-lihat gambar.

Berikut cara memasang kode SEO otomatis pada gambar

Cari kode </body> pada template blogger kemudian taruh kode di bawah ini tepat di atas kode tadi

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.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> 

Simpan template.

Gambar blogger di suatu artikel secara otomatis mempunyai kode SEO friendly

No comments:

Post a Comment