Selasa, 18 September 2012

Memasang Tag Title Dan Alt Gambar Secara Otomatis

Memasang Tag Title Dan Alt Gambar Secara Otomatis . Secara garis besar untuk mencapai SEO pengguaan tag ALT dan TITTLE pada gambar sangatlah penting, karena jika tanpa itu robot google tidak bisa membaca gambar yang kita unggah danengan hal tersebut untuk mengatasi masalah itu maka perlu  kita terapkan tutorial ini pada blog kita.


Sebagai contoh saya langsung upload gambar dengan file name   Memasang Tag Title Dan Alt Gambar Secara Otomatis  

Cara penerapannya letakkan kode berikut diatas 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 sobat unggah secara otomatis, maka dari itu pastikan terlebih dahulu sebelum upload sebuah gambar terlebih dahulu mencantumkan nama file foto dengan judul sebagai sasaran keyword.