Cara Memasang ALT Tag Dan Title Tag Pada Gambar Blog

My Dream ○ Tahukah sobat apa itu ALT Tag?.ALT Tag merupakan identitas atau pun Title dari Gambar tersebut atau bisa juga dimaksud dengan alamat Gambar tersebut.Sebenarnya saya juga belum begitu tau tentang ALT Tag ini tapi karena belajar dan belajar terus akhirnya saya tahu fungsi dan kegunaannya.Ternyata ALT Tag pada Gambar Blog wajib dipasang karena berpengaruh sekali pada tingkat SEO Blog.Jadi kalau sobat ingin meningkatkan tingkat SEO Blog sobat,ada baiknya gambar blog sobat diberi ALT Tag agar tingkat SEO blog sobat makin tinggi,seperti tingkat SEO Blog ini yang awalnya hanya 74% akhirnya sekarang menjadi 100% karena terus belajar.biar lebih jelas lagi silahkan lihat contoh gambar yang sudah di beri ALT Tag.

Contoh Gambar Yang Menggunakan ALT Tag

Oke tanpa memperpanjang kata lagi marilah sama-sama kita ikuti tutorial berikut ini dan wajib dipraktekan.

Cara Pertama Atau Cara Manual :
  • Loggin Dulu ke Blog sobat.
  • Lalu Pilih Artikel yang ingin diberi ALT Tag pada Gambarnya,Lalu klik Edit.
  • Setelah itu Klik Kiri pada Gambar Tersebut Hingga Gambar Tersebut menunjukan Beberapa menu.
  • Nah sekarang sobat Klik Properties seperti yang terlihat pada Gambar Berikut.
Cara Memasang ALT Tag
  • Setelah Sobat Klik Properties maka akan muncul Tab seperti ini :
Cara Memasang ALT Tag
  • Masukan Judul Gambar Tersebut Misalnya Cara Membuat Blog.Dan Masukan ALT Tag Gambar sobat contoh Tutorial Blog.setelah itu Klik OK.
  • Sekarang gambar sobat telah memiliki ALT Tag.
Cara Kedua Atau Cara Otomatis :
  • Loggin Ke Blog sobat.
  • Klik Template > Edit HTML , dan cari kode </body> dan taruh kode dibawah ini di atas kode </body>.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
//SEO SCRIPT POWERED BY www.tutorialblogspot.com
<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('.')));
 $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
 });
});
//]]>
</script>
  • Sekarang Klik Save Template.
  • Dalam menggunakan Cara otomatis ini maka ALT Tag Gambar akan disesuaikan dengan judul gambar.misalkan judul gambar Ivo.jpg,maka judulnya akan berubah menjadi Ivo.
Nah bagaimana sobat?.sudah Work kah?.semoga artikel ini bisa membantu sobat dan bisa membuat Blog sobat semakin SEO dan jangan lupa tinggalkan Komentar dan Like sobat,semoga berhasil.

4 Responses to "Cara Memasang ALT Tag Dan Title Tag Pada Gambar Blog"

>>>>>Peraturan Berkomentar di Blogger Ini.<<<<<

[+] Komentar membangun lebih disukai
[+] Kami wajib menghapus komentar yang melecehkan, kasar, dan bertendensi SARA.
[+] Link aktif dalam komentar akan terhapus secara otomatis.
[+] Jika ingin menaruh Link Aktif Silahkan klik menu Tukar Link.
[+] Jika ingin berkomentar diluar topik postingan harap beri tanda OOT atau Klik Tombol OOT.
[+] Jika Ingin menggunakan Emoticon silahkan Klik Tombol Emoticon.
[+] Jika Ingin Request Tutor silahkan Klik Tombol OOT dibawah atau pergi ke Menu OOT.

Terima Kasih........

Konversi Kode Emoticon OOT