Cara Memasang Tag Alt Secara Otomatis dan Benar

Alhamdulillah akhirnya bisa membuat postingan baru dengan Tema "Cara Memasang Tag Alt Secara Otomatis ", setelah beberapa hari fakum dengan pekerjaan lainnya.

Mari langsung saja ke pokok pembahasan kali ini sesuai judul di atas, maka saya akan membahas Cara Memasang Tag "alt" dan "title" yang benar pada foto secara otomatis. Mengapa foto atau gambar memerlukan "alt" dan "title".....?

Karena robot google tidak bisa mencari dan membaca gambar yang anda pasang pada postingan, oleh karena itu tag "alt" dan "title" digunakan untuk deskripsi agar si robot google atau Mbah googlebot bisa mengenali gambar tersebut.

Nah Selain itu pemasangan tag "alt" dan "title" juga merupakan suatu optimasi SEO Friendly pada Blog.

Bagaimana cara menggunakan dan mengaplikasikannya tuturial ini ke dalam blo ?

Langkah 1

1. Copy Paste kode berikut ini Tepat 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>

Langkah 2
2. Simpan Template anda dan lihat hasilnya

NB : Catatan Akhir

Script atau code ini akan langsung membuat tag alt dan title tags secara otomatis, maka dari itu pastikan terlebih dahulu nama file foto sebelum di upload atau di pasang kedalam postingan blog atau galleri foto. Terima Kasih