Memberi TAG Gambar secara Otomatis

Hei Sist and Bro ,Saya akan share cara agar otomatis ALT Tag di Setiap Gambar Postingan Blog anda Agar SEO - Banyak blogger yang beranggapan bahwa menambahkan ALT Tag pada gambar, hanya membuang-buang waktu saja. Itu adalah anggapan yang salah besar.
Kebanyakan para blogger mengabaikan tag alt pada gambar yang mereka sisipkan pada postingan. Padahal tag alt sendiri cukup banyak fungsinya.

Berdasarkan buku yang di rilis Google (Buku Search Engine Optimization), Google sangat menyarankan para Webmaster untuk menambahkan ALT Tag pada setiap gambar postingan  yang dipublikasikan karena hal itu akan berdampak positif buat blog tersebut.

Karena penambahan ALT Tag pada gambar sangat penting untuk SEO.
Lantas Bagaimana dengan Postingan atau artikel yang sudah dipublikasikan sebelumnya? Semua gambar di postingan tersebut, secara otomatis akan memiliki ALT Tag, baik gambar dari postingan lama maupun postingan yang baru.

Lantas Apa Fungsi dari Tag Alt Pada Gambar ?
Fungsi Tag Alt Pada Gambar, berfungsi sebagai penanda. Kenapa harus ditandai? Hal ini untuk memberitahukan kepada mesin pencari semisal google, bing, dan lain sebagainya mengenai identitas gambar. Dikarenakan mesin pencari tidak akan bisa membaca sebuah gambar. Yang mereka (mesin pencari) ketahui hanyalan ektensi dari sebuah gambar semisal jpg gif png tanpa bisa membaca "gambar apakah itu sebenarnya". Untuk itu di buatlah tag alt agar mesin pencari dapat mengetahui identitas gambar yang kita masukan pada postingan.

Cara menambahkan Automatic SEO for Images pada blog :

1. Login ke Blogger.
2. Klik Rancangan dan Klik Edit HTML
3. Kasih tanda centang pada Expand Template Widget
4. Copy kode yang ada di bawah dan paste SEBELUM 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>

5. Save