Membuat Alt Tag Pada Gambar secara Otomatis | ehpedia

Alt Tag Blog

 

Pada kesempatan kali ini, saya akan membagikan cara Membuat Alt Tag Pada Gambar secara Otomatis di Blogger.com. Cara ini terbilang lebih efisien daripada harus membuat deskripsi dari setiap gambar yang kita unggah secara manual satu persatu.

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.
Tags:

Comments (10)

  1. Anonymous March 24, 2015
  2. Blogger Semprul August 2, 2015
  3. Ehpedia Blog August 2, 2015
  4. Ehpedia Blog August 2, 2015
  5. Wawan Kurniawan December 7, 2015
  6. Ehpedia Admin December 13, 2015
  7. distributor-pulsa-murah.html December 30, 2015
  8. distributor-pulsa-murah.html December 30, 2015
  9. Ehpedia Admin December 30, 2015
  10. ZHERI Martial arts April 14, 2016

Leave a Reply