Tuesday, July 25, 2017

Cara Memasang Title dan Alt Tag Otomatis Pada Gambar di Blogger

By Admin

On July 25, 2017

Pengoptimalan gambar dalam blogger sangat bereperan penting untuk seo, apalagi blog kamu ingin cepat terindex di google atau search engine dengan mengisi title dan alt tag pada gambar blog akan menanamkan keyword yang sedang kamu bidik karena di search engine bukan hanya hasil pencarian web saja tetapi gambar juga dan juga memberi title pada gambar itu membuat mesin pencari lebih cepat menemukan postingan/artikel kamu sesuai dengan keyword yang visitor cari.

Dengan menggunakan script ini kamu tidak perlu lagi repot-repot untuk menambahakn manual title dan alt tag di gambar di setiap gambar artikel kamu, contohnya kayak begini ;

kalau saya sendiri sih biasanya lupa memasang title dan alt tagdi gambar artikel tersebut jadi rada rumit juga kalau mau edit artikel lagi hanya untuk menambahkan title dan alt tag tersebut.

Cara Memasang Title dan Alt Tag Otomatis Pada Gambar di Blogger

Langkah pertama.

buka dashboard blogger kamu http:s//www.blogger.com

Langkah kedua.

Klik menu utama / tema atau theme / lalu pilih Edit HTML

Langkah ketiga

Cari kode </head> lalu letakkan kode dibawah ini tepat diatsnya.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/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('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.'))); 

$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.'))); 

}); 

}); 

/]]> 

</script>

Langkah keempat.

Simpan template kamu dan selesai.