Cara Membuat Gambar Postingan Menjadi SEO

Jadilah manusia yang bermanfaat. Teruslah berbagi, Apa yang kamu beri bagi mereka mungkin sangat berarti.
Cara Membuat Gambar Postingan Menjadi SEO - 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
Optimalkan Gambar Agar SEO Otomatis Di Blog

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 Membuat Gambar Postingan Menjadi SEO

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.

Advertiser

Artikel terkait : Cara Membuat Gambar Postingan Menjadi SEO
Share this with short URL:
 
Tools Perampok