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 ?
Paste kode berikut di atas kode </body>
Bagaimana cara menggunakannya ?
Paste kode berikut di atas 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>
<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>
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.
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.
sumber: http://www.blackdeviant.web.id/2011/08/auto-alt-title-tag-generator.html
Cara memasang tag ALT dan TITLE pada gambar posting secara otomatis
Posted by: Risalahati
Dedic Ahmad Updated at: 14:36
No comments:
Post a Comment