Memasang tags ALT dan TITLE Pada Gambar Secara Otomatis | Gudang Informasi Blogging

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

6 komentar:

Ehem! Bos-bos Mau Lihat Komentar! Silahkan:
Ishana Balaputra mengatakan...

Jika menambahkan secara manual bagaimana gan?

Unknown mengatakan...

@Ishana : ya tinggal klik properties di image.. nah tinggal tulis . Makasih komennya sob

Unknown mengatakan...

Info ini sangat membantu saya sob..makasih eaaa

Anonim mengatakan...

Gag ngerti liat tutorial ini, Agan senidiri knpaa gag menerapkan javascript ini ke blog sobat.

Img ALT pada gambar postingan ini knapa gag ada + title tentunya.

@D-Copy Blog

smartpulsa-88 mengatakan...

Matur Thankyu mas Broo...
Salam Sukses

hienzo mengatakan...

mau dicoba, tapi nama-nama gambarnya gak sesuai hahaha XD