20 January, 2015

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.


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.
Cara Membuat Alt Tag Gambar Blog
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>
4. Simpan Template anda.

5. Selesai, tag alts akan diload otomatis pada setiap gambar.

Demikian ulasan kali ini. Selamat mencoba dan jangan lupa untuk meninggalkan komentar dibawah jika berhasil. 

Artikel Terkait

Cara membuat Alt Tag Gambar secara Otomatis
4/ 5
Oleh

Berlangganan

Suka dengan artikel di atas? Silakan berlangganan gratis via email

11 komentar

Anonymous
25 March, 2015 delete

kalau alt tag cara manualnya gmn gan

Reply
avatar
01 August, 2015 delete

Bagusan mana? Yang Otomatis atau manual?

Reply
avatar
02 August, 2015 delete

silahkan baca artikel diatas

Reply
avatar
02 August, 2015 delete

sama saja, namun alt tag otomatis hanya bisa sama dengan judul postingan, tapi kalau alt tag manual kita bisa membuat variasi kata kunci pada gambar

Reply
avatar
02 December, 2015 delete

oh jadi kalau udah script ini di pasang alt tang sama title tag nya di load otomatis, pantes saya kalau masang alt tag suka ilang terus makasih master infonya

Reply
avatar
09 December, 2015 delete

ijin pakai mbak untuk blogku yang baru https://carapaketkuota.blogspot.co.id/. tanks sudah berbagi

Reply
avatar
13 December, 2015 delete

lanjut sama2 mas wawan

Reply
avatar
Anonymous
29 December, 2015 delete

nice info, izin dipraktekan gan

Reply
avatar
Anonymous
29 December, 2015 delete

izin di praktekan gan, nice info

Reply
avatar

Mari berkomentar dan berbagi info atau pengalaman Anda. Dan jangan SPAM!