Skip to main content

follow us

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 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.
Disclaimer : Semua Konten yang kami bagikan adalah Gratis, dan untuk mereshare ulang Artikel ini silahkan sertakan link sumber dari Pehawe.

You Might Also Like:

Comment Policy : Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui. Jika ingin berkomentar dg format css, js dan html silahkan Parse terlebih dahulu.
Show Parser
Buka Komentar
Citchat