WHAT'S NEW?
Loading...

Alt dan title tag Image otomatis

Alt dan title tag Image otomatis :Baiklah langsung saja ke pokok tutorial kali ini sesuai judul di atas, maka kali ini saya akan membahas cara memasang "alt" dan "title" pada foto secara otomatis. Mengapa foto atau gambar memerlukan "alt" dan "title" karena robot google tidak bisa melihat dan membaca gambar oleh karena itu "alt" dan "title" digunakan untuk deskripsi agar si robot google atau googlebot bisa mengenali gambar tersebut. Selain itu pemasangan "alt" dan "title" juga merupakan suatu optimasi SEO. Mungkin segitu saja penjelasan tentang "alt" dan "title" selebihnya sudah banyak artikel di luar sana yang membahasnya. Bagaimana cara menggunakannya
  • copy script Auto Alt and Title Generator for Image berikut.
<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>

  • Setelah selesai itu paste di atas kode .</body>.
Simpan template sobat. Cara Penggunaan: Script ini akan langsung membuat alt dan title tags untuk foto yang sobat unggah secara otomatis, maka dari itu pastikan terlebih dahulu nama file foto sebelum di upload.
 Semoga  artikel  Alt dan title tag Image otomatis bisa membantu


 5 Halaman yang sering dikunjungi: 

0 komentar:

Post a Comment