Cara Memasang ALT Tag Dan Title Tag Pada Gambar Blog

Oleh Unknown

Selasa, 13 Januari 2015

Bagikan :

Tweet

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.

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.

• Setelah Sobat Klik Properties maka akan muncul Tab seperti ini :

• 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.

Tag : SEO, Tutorial Blogspot