01/10/13

Cara memasang tag title dan alt gambar secara otomatis

Secara teknis untuk mencapai SEO pengguana tag ALT dan TITLE pada gambar sangatlah penting karena jika tanpa itu robot google tidak dapat membaca gambar yang kita unggah/upload dan untuk mengatasi masalah itu mari kita terapkan tutorial ini pada blog kita.

lihat langkahnya dibawah:

1. kalian masuk ke blogger kalian terlebih dahulu,
2. pilih opsi kemudian pilih template dan klik edit html,
3. cari kode seperti ini </body> dan letakan 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>

script tersebut akan langsung membuat tags alt dan title untuk foto yang kalian unggah/upload secara otomastis

semoga berhasil

sumber : http://blogzafar.blogspot.com/2012/11/memasang-tag-title-dan-alt-gambar.html


1 komentar: