Cara Optimasi Agar Gambar SEO Otomatis di Blogger Dengan JavaScript

Pentingnya optimasi gambar pada blog ini bertujuan agar gambar kamu cepat muncul pada mesin pencari misalnya aja Google. Jika agar dapat terindex Google maka dengan cara menambah deskripsi pada gambar. Apabila menambah dengan manual maka tentu akan sangat merepotkan karena harus satu persatu pada saat kamu membuat artikel. 

Pada artikel kali akan saya share bagaimana cara optimasi gambar secara otomatis di blogger, kenapa harus otomatis? 

Mungkin dari kamu memiliki pertanyaan seperti itu apalagi kalau kamu adalah blogger awam. Gambar adalah media pada blog dimana pengunjung terkadang hanya ingin melihat gambar saja pada postingan blog. 

Nah berikut ini adalah kode yang dapat membuat SEO otomatis pada blog kamu. 

Cari kode </body> pada template blog Anda, kemudian salin dan pastekan kode di bawah ini tepat di atas 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>

Selanjutnya simpan template.

Setiap gambar blog yang Anda pasang di suatu artikel secara otomatis akan mempunyai kode SEO friendly.

Semoga bermanfaat.

Share :