Skip to main content

Cara Membuat Gambar Postingan Menjadi SEO

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.
Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Tutup Komentar