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.
</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:
Jika menambahkan secara manual bagaimana gan?
@Ishana : ya tinggal klik properties di image.. nah tinggal tulis . Makasih komennya sob
Info ini sangat membantu saya sob..makasih eaaa
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
Matur Thankyu mas Broo...
Salam Sukses
mau dicoba, tapi nama-nama gambarnya gak sesuai hahaha XD
Posting Komentar