Monday, May 30, 2016

Cara Optimalkan Gambar Agar SEO Otomatis Di Blog


Cara Optimalkan Gambar Agar SEO Otomatis Di Blog - Perlukah sebuah optimasi pada gambar di blog kita? Jawabannya adalah iya. Kenapa? Karena dengan optimasi pada gambar yang kita posting di blog kita, maka mesin penulusuran seperti google, bing dan mesin penulusuran lainnya akan mudah menemukan postingan blog kita.

Optimasi Gambar Agar SEO Otomatis

Optimasi ini di lakukan agar semua gambar yang ada di laman maupun postingan blog kita cepat terindeks oleh mesin pencari google. Dengan menggunakan optimasi ini, maka kita tidak usah repot menambahkan title/alt secara manual pada gambar yang ada di blog kita.

Cara Optimalkan Gambar Agar SEO Otomatis Di Blog

Login ke Blogger > Template > Edit HTML > Temukan kode </body> kemudian salin javascript dibawah ini dan Simpan di atas atau sebelum 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>

Demikian tutorial Cara Optimalkan Gambar Agar SEO Otomatis Di Blog ini semoga bermanfaat.