Cara Mudah Buat Otomatis ALT Tag di Setiap Gambar Blog
Cara menambahkan Automatic SEO for Images pada blog :
<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>
Keyword Alt Tag Pada 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, Rinjani Lovers 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.
