Header Ads

Cara Optimasi Gambar Agar Seo Secara Otomatis

Optimasi Gambar Seo Otomatis

Selain dari pencarian Web, Beberapa pengguna Internet juga suka mencari atau sekedar browsing untuk melihat-lihat gambar di google Gambar ketika sedang mencari sebuah Informasi yang mereka Cari. seperti yang sudah saya bahas di Postingan sebelumnya tentang cara Optimasi Gambar agar Seo Friendly. di postingan ini adalah lanjutan agar Anda bisa memanfaatkan Gambar untuk mendatangkan Trafik ke blog anda.

Untuk file gambar,seharusnya kita menambahkan deskripsi gambar,seperti contoh :

<img alt=”diskripsi gambar” height=”448″ scr=”/image.png” width=”448″ />

Agar tidak kita tidak di buat ribet dengan penambahan diskripsi satu persatu,maka kita bisa menambahkan kode di bawah ini tepat di atas </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> 

Simpan Template.

Optimasi gambar otomatis Seo ini akan mempermudah dan tidak membuat anda harus memberi diskripsi pada gambar satu secara Manual. Dengan kata lain menerapkan Cara di Atas membuat Setiap Gambar yang ada dalam Artikel anda akan Otomatis mempunyai Kode Seo Friendly.


No comments

Powered by Blogger.