follow ehpedia.com di facebook follow ehpedia.com di twitter follow ehpedia.com di google plus

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. 

Cara membuat Alt Tag Gambar secara Otomatis

artikel terkait lainnya

11 komentar

  1. kalau alt tag cara manualnya gmn gan

    ReplyDelete
  2. Bagusan mana? Yang Otomatis atau manual?

    ReplyDelete
    Replies
    1. 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

      Delete
  3. 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

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

    ReplyDelete

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

Contact Form

Name

Email *

Message *