Home » , , » Cara Memasang tags ALT dan TITLE Pada Gambar Secara Otomatis

Cara Memasang tags ALT dan TITLE Pada Gambar Secara Otomatis

Cara Memasang tags ALT dan TITLE Pada Gambar Secara Otomatis - Secara teknis 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 dan untuk mengatasi masalah itu mari kita terapkan tutorial ini pada blog kita.
SEO

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>

Scripttersebut akan langsung membuat tags alt dan title untuk foto yang sobat unggah secara otomatis, maka dari itu pastikan terlebih dahulu nama file foto sebelum di upload.

Semoga berhasil, jangan lupa mampir kesini yah :D

0 komentar:

Posting Komentar

Advertisement