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.

Labels: , ,

16 Komentar:

Anonymous Limit Post said on July 15, 2012 at 2:42 PM 

wuuiih beneran otomatis ini sob....

ijin coba yah.....

Blogger Muhammad Irham said on July 15, 2012 at 3:18 PM 

@Limit Post otomatis sob, udah saya coba. dan hasilnya bisa dilihat pada gambar diatas. nanti penghubungnya bukan lagi _ atau - tapi +.
silahkan mencoba.

Anonymous Anonymous said on July 15, 2012 at 4:02 PM 

@Muhammad Irhamtapi sob saya udah punya script yg :

ajax.googleapis

katanya sih gk boleh ada 2 ode yang seperti itu....( katanya )

Blogger Muhammad Irham said on July 15, 2012 at 5:15 PM 

@Limit Post coba hapus 1 dan lihat hasilnya

Anonymous Dyanseller said on July 15, 2012 at 7:00 PM 

gan kok ada tanda + nya pada title gambar ..
cara ngilanginya gimana ??

Anonymous TambelanBlog said on July 15, 2012 at 7:33 PM 

mantap ... ini sangat bermanfaat bagi blogger. Thanks bro sudah sharing

Blogger Muhammad Irham said on July 15, 2012 at 8:19 PM 

@Dyanseller gini sob, tanda + merupakan pengganti jarak (spasi) pada nama image kamu. Jika ingin kmu ganti silahkan edit sendiri pada link .js ini

https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js

Blogger Unknown said on July 22, 2012 at 9:42 PM 

pertamax gan... :D

Blogger Unknown said on July 22, 2012 at 10:34 PM 

@Abiel Zulio maaf PERTAMAX habis !

Anonymous Ramzi said on August 16, 2012 at 7:03 AM 

Mantap benar mas bro, langsung aja deh dicoba biar makin seo juga blog aku
thanks

Blogger Inspironi said on October 26, 2012 at 8:20 PM 

Thanks buat tipsnya, jadi pengen nyoba pasang di blog nih

Anonymous krakatau tour said on November 12, 2012 at 2:09 PM 

bisa di website joomla gak?

Anonymous Terjemahan uang di excel said on January 12, 2013 at 9:28 PM 

tutorial Memasang tags ALT dan TITLE Pada Gambar Secara Otomatis ini akan saya coba. semoga berhasil. ditunggu commentnya juga. salam

Anonymous prisma said on May 27, 2013 at 12:01 AM 

jadi ga perlu repot repot lagi ya gan .. makasih infonya

Anonymous triatma said on March 5, 2014 at 8:42 PM 

Cara diatas tidakkah berpengaruh pada javascript di blog kita mas ? saya pernah mencoba beberapa kali dan hasilnya javascript pada blog saya tidak berfungsi. Bagaimana solusinya mas ? terimakasih atas jawabannya.
Salam Blogger

Anonymous şükrü said on August 7, 2023 at 6:58 PM 

Instagram Takipçi Satın Al
Toptan Telefon Kılıfı
Resimli Magnet
Silivri Çatı Ustası
Çerkezköy Çatı Ustası

EEK2

Post a Comment

© 2012 - Koderator | Desain Oleh kimzigr| Classic Themplate Html5 & Css3 | Mesin Blogger