Cara Optimasi Gambar Artikel Supaya SEO Secara Otomatis

Sepenting apakah gambar itu? Gambar sangat penting gan supaya artikel anda lebih menarik dan bukan hanya sebuah tulisan yang mungkin bisa membuat pembaca jenuh. Selain penting untuk memperindah artikel gambar ternyata juga pengaruh dalam mencari trafik. Karena gambar yang SEO akan membuat blog anda ramai pengunjung.

Anda pernah mencoba google search image atau pencarian gambar. Tentu jika gambar tidak SEO tidak bakalan muncul di page one saat dicari di google search image. Walaupun artikel yang memuat gambar tersebut berada dipage one. Jika gambar anda muncul di google search image maka tentu akan meningkatkan trafik blog anda. Ada juga pengguna yang menggunakan google search image untuk mencari artikel yang dicari berdasarkan gambar.

Membuat gambar menjadi SEO ini sangatlah mudah anda hanya perlu menambahkan title tag dan alt tag di gambar. Title tag anda isi sesuai dengan judul artikel sedangkan alt tag anda isi dengan deskripsi gambar. Untuk cara menambahkan title tag dan alt tag gambar anda bisa baca artikel berikut Cara Membuat Gambar Menjadi SEO Friendly

Cara ini sangat merepotkan karena anda harus menambahkan title tag dan alt tag untuk setiap gambar. Nah bagaimana untuk postingan lama sedangkan anda baru membaca artikel yang saya buat ini tentu anda harus mengedit artikel lama untuk menambahkan title tag dan alt tag. Tenang ada cara sederhananya dan otomatisnya.

Cara Optimasi Gambar Agar SEO Otomatis

Dengan cara ini maka anda tidak perlu menambahkan alt tag dan title tag gambar secara manual untuk setiap gambar. Alt tag dan title tag akan ditambahkan secara otomatis disetiap gambar. Jadi untuk postingan lama anda tidak perlu khawatir. Tapi untuk postingan selanjutnya silakan tambahkan secara manual. Karena title tag akan ditambahkan sesuai judul artikel jadi mungkin tidak sesaui dengan gambarnya. Berikut ini caranya :

1. Silakan buka Blogger, pilih Template → Edit HTML

2. Salin kode dibawah ini dan letakkan/pastekan diatas kode </body>

<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 type='text/javascript'>
//<![CDATA[
var scrollTimer = null;
$(window).scroll(function() {
   var viewportHeight = $(this).height(),
       scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
       progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
       distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
    $('#scroll')
        .css('top', distance)
        .text(' (' + Math.round(progress * 100) + '%)')
        .fadeIn(100);
    if (scrollTimer !== null) {
        clearTimeout(scrollTimer);
    }
    scrollTimer = setTimeout(function() {
        $('#scroll').fadeOut();
    }, 1500);
});
//]]>
</script> 

3. Simpan template. 

Selesai,itu dia tutorial cara optimasi gambar supaya lebih seo secara otomatis. Semoga bisa membantu dan bermanfaat.