Trick Memasang Tag Alt Dan Title Pada Gambar Secara Otomatis

.

Z-T Blog - sobat Z-T sudah ada yang tau belum cara memasang Tag ALT dan TITLE Foto secara otomatis dan benar..?

kalau belum sekarang saya akan membahas postingan baru dengan Tema "Cara Memasang Tag Alt Secara Otomatis ", 

nih saya mau tanya sama sobat Z-T sekalian, Mengapa foto atau gambar memerlukan "alt" dan "title".....?

Hayoo ada yang tau ga..? :D .saya kasih tau dech :)

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 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 tutorial ini ke dalam blog ? berikut ni caranya

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. udah dech tinggal Simpan Template anda dan lihat hasilnya. mudahkan..? :)

Oh iya..

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. 

,tolong tinggalkan komentar untuk kunjungan balik.. terima kasih..