Cara Membuat ALT Tag Gambar Otomatis di Blog

Ini adalah salah satu Proses SEO (Search Engine Optimization), Banyak yang harus kita terapkan agar Blog kita memiliki nilai Seo agar memudahkan pencarian Google, Salah satunya adalah Memasang ALT Tag Image dan Title Tag SEO pada setiap Postingan di Blogspot, Tapi tentu saja sangat Ribet kalau kita harus memasangnya ALT IMAGE secara Manual.

Dari Buku yang di Keluarkan Google (Search Engine Optimization Book), Google menghimbau para Webmaster agar Memasukkan ALT Tag Pada setiap Postingan Blog. Silah kan anda Baca Sendiri Bukunya kalo gak percaya. Karena Cara Membuat ALT tag Gambar Otomatis Diblog sangat penting untuk SEO.

Saya Punya solusi agar Memasang ALT Gambar pada Blogspot Secara Otomatis yaitu menggunakan Javascript. Seluruh Gambar yang ada di Postingan anda akan secara otomatis memiliki ALT Tag berdasarkan Judul Postingan.

Cara Memasang Alt Tag Image Otomatis Pada Blogs pada blog :

1. Login ke Blogge.

2. Click Rancangan dan Click Edit HTML.

3. Beri tanda centang pada Expand Template Widget

4. Copy kode dibawah ini 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. Simpan Template anda.
Selesai, Dan Tags ALT akan di load secara Otomatis Pada Setiap Gambar di Blog.