Cara Mudah Optimasi Gambar Dalam Artikel

Halo teman-teman ada yang pernah mengalami error image saat cek optimasi blog di chkme ? Nah itu biasanya disebabkan karena image yang kamu sisipkan didalam artikel kamu itu tidak SEO Friendly atau tidak mudah dibaca oleh google.

Biasanya untuk mengurangi error tersebut, kita harus cek satu per satu gambar yang kita sisipkan tersebut, apakah sudah memiliki tag alt dan title ? Jika Artikel masih sedikit sih menurut Kang Wira ada baiknya kamu memberikan tag alt dan title pada gambar yang kamu sisipkan satu per satu.

Tapi jika artikel kamu sudah terlalu banyak dan menjadi suatu tugas berat bagi kamu untuk mengedit satu per satu gambar yang kamu sisipkan.

Ini lah jawabannya.

Cara Mudah Optimasi Gambar Dalam Artikel

Karena dengan Javascript yang saya tampilkan dibawah ini, maka seluruh gambar yang belum kamu pasang tag alt dan title nya, akan secara otomatis menampilkan tag alt dan title nya yang diikuti dengan nama pada gambar tersebut.

Caranya cukup mudah. yaitu kamu tinggal sisipkan kode javascript dibawah ini tepat diatas </body> pada halaman Edit HTML blog kamu.

Baca juga: Lindungi Gambar dari Plagiat

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