Cara membuat Alt Tag Gambar secara Otomatis

Alt Tag Blog

Mesin pencari google dijalankan menggunakan program algoritma dan basis data. Hasil pencarian ditampilkan dalam bentuk daftar yang diurutkan menurut tingkat akurasi dan rasio pengunjung atas suatu berkas. Informasi yang menjadi target pencarian bisa terdapat dalam berbagai macam jenis berkas seperti halaman web, konten, gambar, ataupun jenis berkas lainnya.

Tidak dapat disangkal lagi jika gambar akan memperindah isi posting sebagai daya tarik bagi pembaca. Namun perlu diketahui bahwa mesin pencari seperti google tidak dapat melihat gambar, karena mesin tidak memiliki mata fisik seperti manusia.

Alt text singkatan alternate text sebagai atribut pengganti crawling pada mesin pencari. Alt tag adalah teknik SEO untuk memenangkan kompetisi mesin pencari. Google tidak hanya mengindeks teks namun google mengindeks gambar juga.

Sebuah situs besar yakni Google SEO Starter Guide mengatakan jika suatu gambar dalam sebuah blog tidak memiliki atribut maka akan menurunkan skor seo blog tersebut, karena kelengkapan atribut merupakan salah satu faktor optimasi SEO Onpage, oleh karena itu pemberian attribut alt tags pada gambar perlu dilakukan oleh setiap Blogger.

Dalam membuatnya ada 2 metode yang bisa dilakukan, yakni yang pertama yakni dengan metode manual dan yang kedua membuatnya secara otomatis.

Kunjungi disini untuk Cara pasang alt tag gambar secara manual

Kali ini saya akan membahas metode memasang alt tag secara otomatis yakni dengan pemasangan script. Anda tidak perlu repot membuat title dan alt text satu per satu, karena script ini akan otomatis menjadikan nama gambar sebagai alt text gambar yang bersangkutan.

Alt Tag Gambar Secara Otomatis Pada Blog

1. Login ke Blogger.

2. Klik Template, lalu klik Edit HTML.

3. Copy dan paste kode dibawah ini tepat sebelum atau diatas 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>