Cara Optimasi Gambar Secara Otomatis Agar Lebih SEO

Cara Optimasi Gambar Secara Otomatis Agar Lebih SEO - Perlu diketahui sobat bahwa gambar yang berada pada artikel sobat itu juga dapat mempengaruhi SEO pada artikel yang sobat bikin, diantaranya memberikan alt dan src pada gambar yang diupload sobat secara manual tidak otomatis. Kenapa sih haru soptimasi gambar? gambar juga muncul dalam search engine google sob jadi dengan menambahkan alt dan title pada gambar search google dapat dengan mudah merayapi dan mendeteksi keyword - keyword yang tercantum dalam gambar tersebut.

Baca Juga : Cara Mempercepat Loading Blog Dengan Memasang Script LazyLoad Ads

Nah pada kesempatan kali ini saya akan share bagaiman cara optimasi gambar secara otomatis alias sobat tidak usah edit - edit gambar yang sobat upload dengan menambahkan kode JavaScript tentunya, jika sobat minat langsung saja ke caranya sob...

Cara Optimasi Gambar Secara Otomatis Agar Lebih SEO

Pertama sobat masuk terlebih dahulu ke Blogger > Tema > Edit HTML copy kode JavaScript dibwah ini dan pastekan tepat diatas kode </body> atau &lt;/body&gt;

<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> 

Jika sudah klik simpan pada template sobat.

Baca Juga : Meta Tag Seo Friendly Blogger Terbaru Valid HTML5

Oke sekian yang bisa saya sampaikan tentang Cara Optimasi Gambar Secara Otomatis Agar Lebih SEO Terima Kasih yang sduah berkunjung semoga bermanfaat bagi kalian semua.