15 Juli 2012

Cara Buat Otomatis ALT Tag di Setiap Gambar Blog

alt tag gambar, optimasi gambar, gambar blog, Gambar, blog images, SEO Images, SEO, Optimalkan Gambar, java script gambar, kode gambar

Untuk melakukan proses SEO (Search Engine Optimization), banyak upaya atau hal yang harus kita lakukan. Salah satu dari upaya tersebut adalah dengan menambahkan ALT Tag pada semua gambar yang ada di blog. Banyak blogger yang beranggapan bahwa menambahkan ALT Tag pada gambar, hanya membuang-buang waktu saja. Itu adalah anggapan yang salah besar. Berdasarkan buku yang di rilis Google (Buku Search Engine Optimization), Google sangat menyarankan para Webmaster untuk menambahkan ALT Tag pada setiap post yang dipublikasikan karena hal itu akan berdampak positif buat blog tersebut. Silahkan sobat kunjungi Google Webmaster Tools untuk informasi lebih lanjut. Karena penambahan ALT Tag pada gambar sangat penting untuk SEO,  Tips Gratis  menyiapkan kode Java Script. Kode Java Script ini akan membuat semua gambar yang ada di blog Automatic Seo. Bagaimana dengan Postingan atau artikel yang sudah dipublikasikan sebelumnya? Semua gambar di postingan tersebut, secara otomatis memiliki ALT Tag. Kode Java Script ini di peroleh dari salah satu website berbahasa Inggris. 

Cara menambahkan Automatic SEO for Images pada blog : 
  • Login ke Blogger sobat di alamat http://www.blogger.com/ 
  • Klik Rancangan dan Klik Edit HTML 
  • Kasih tanda centang pada Expand Template Widget 
  • Copy kode yang ada di bawah dan paste SEBELUM kode </body>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.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:not([alt])").attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
$("img:not([alt])").attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));

//]]>
</script>
  • Simpan Template sobat.

2 comments

ada gak sih mini tool untuk memberi alt pada foto? pada beberapa windows explorer terdapat property yg bisa digunakan untuk memberi alt pada foto secara manual.

makasih gan informasinya, berguna buat saya ...


EmoticonEmoticon