29 Mei 2013

Cara Memasang tag alt Otomatis Pada Gambar

alt-title-tags-300x238Mengapa Memasang tag alt sangat penting pada gambar? Karena agar robot Google bisa mencari dan membaca gambar yang ada di postingan. Oleh karena itu tag alt digunakan untuk deskripsi agar si robot google atau Mbah googlebot bisa mengenali gambar tersebut. Dengan begitu Blog anda akan semakin SEO friendly.Bagaimana Cara Memasang tag alt Secara Otomatis? Ikuti ajah langkah-langkahnya dibawah ini :





  • Seperti biasanya Login ke akun blogger sobat terlebih dahulu
  • Klik Template > Edit HTML > Centang Expand Widget Templates
  • Cari kode </body>  dan pastekan kode dibawah ini tepat di atas kode </body>

<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>

  • Langkah terakhir Save Template

Tidak ada komentar:

Posting Komentar