Cara Membuat Alt Pada Gambar di Blogspot

Selamat malam Semuanya...Kesempatan kali ini TrickGue akan share

Cara Membuat Alt Pada Gambar di Blogspot

Buat Alt text Supaya gambar di Blog  bisa lebih cepet ke cari sama search engine. Alt = alternative text

Kelihatannya memang sepele, namun efeknya buat SEO cukup besar. Kita sebagai blogger pemula alias newbie sering kali melupakan tag "alt". Kali ini saya akan berbagi cara membuat Alt gambar untuk blog

Dibawah ini adalah cara membuat alt gambar secara manual, setiap kita posting di blogspot dan upload gambar biasanya kita letakkan begitu saja, sebetulnya ada tambahan untuk membuat alt gambar ini.

Saat Kita posting blog dan sudah upload gambar.

1. Masuk ke bagian edit html, itu yang dibagian atas kanan.

2. Cari script gambar kita, yang ada nama file gambar Kita. Contoh:

<img src="filegambar.gpg"> , nah ada extension .jpg, .gif, atau .png terserah. Masukin script alt dibagian belakangnya. Jadinya seperti ini:

<img src="filegambar.gpg" alt="judul gambar">

Ganti tulisan warna merah dengan Keyword yang anda inginkan

Setelah itu posting, dan coba browsing dengan settingan browser tidak perlu memunculkan gambar. Nantinya akan terlihat alt Kita, walaupun tidak ada gambarnya. Kalo Kamu make Internet Explorer, alt tadi akan berfungsi sebagai tooltip saat kursor mouse di arahkan di atas gambar kita tadi

Cara kedua membuat Alt gambar secara otomatis

Kode Script di bawah ini akan langsung membuat alt dan title tags untuk gambar yang anda unggah secara otomatis, jadi anda tidak perlu membuat alt gambar setiap posting.

Langkah langkah membuat alt gambar secara otomatis ini adalah sbb:

• Login ke blogger
• Klik template
• Edit Html - klik proceed
• Centang Expand widget templates (pojok kiri atas)
• Copy kode di bawah, letakkan sebelum 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>

• Script ini akan langsung membuat alt dan title tags untuk Gambar atau Foto yang sobat unggah secara otomatis, maka dari itu pastikan terlebih dahulu nama file foto sebelum di upload

• Semoga cara membuat Alt Gambar di blog ini bermanfaat.