Otomatis Alt Tag Pada Setiap Gambar Blog

Bagikan ke Google+Tambahkan ke DeliciousTweet dong..Share ke FacebookSubmit ke StumbleUponKirim ke Digg

Apa itu Alt Tag? Alt tag adalah tag yang digunakan untuk menampilkan teks alternatif saat crusor diarahkan pada gambar. Penambahan Alt tag pada gambar blog merupakan salah satu cara untuk optimasi blog untuk SEO Friendly. Dengan memasng tag alt pada setiap gambar, maka Lalu Lintas atau traffic yang mengarah ke blog kita akan meningkat dengan cepat. Ketika anda mengunggah gambar untuk posting blog, gambar tidak langsung mendapatkan atribut Alt atau Alt Tag. Alt Tag ditambahkan secara manual melalui laman post editor dan Propeties.

Bagaimana Script ini Bekerja?
Ini adalah kode JavaScript yang sangat sederhana yang akan menambahkan tag alt juga tag judul untuk gambar Anda secara otomatis. Script ini tidak hanya menambah Alt dan Title tag tetapi juga memberikan '+' jika ada ruang (Space) dalam nama gambar yang diunggah. Karena fungsinya itu, kode JavaScript ini sering disebut dengan nama Auto Alt Title Tag Generator. Ini adalah salah satu cara termudah untuk mengoptimalkan semua gambar dalam posting blog Anda dan proses pelaksanaan hanya membutuhkan waktu kurang dari satu menit. Hal ini tidak hanya akan mengoptimalkan gambar baru, tetapi juga akan mengoptimalkan semua gambar yang Anda miliki di blog di posting lama.

Cara Memasang Kode Auto Alt Tag pada blog

• Masuk ke blogger.com
• Klik Template dan Edit HTML
• Backup Template anda terlebih dahulu (Baca : Cara Backup Template Blogger)
• Temukan kode </body>
• Setelah ketemu, letakkan kode berikut di atas kode </body>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
//SEO SCRIPT POWERED BY www.tutorialblogspot.com
<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('.')));
 $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
 });
});
//]]>
</script>

• Simpan template sobat

Saya sangat merekomendasikan setiap blogger untuk menggunakan script ini karena sangat ribet untuk menambahkan Alt dan Title Tag untuk setiap gambar.Cara ini menghemat banyak waktu dan membuat blog SEO friendly.