Memasang Kode SEO Otomatis Untuk Optimasi Gambar

Halo Sobat, kali ini saya ingin berbagi tutorial yaitu cara memasang kode SEO otomatis untuk optimasi gambar. Sebelum Saya beri tahu langkah-langkahnya, tak ada salahnya untuk mengetahui apa pentingnya memasang kode SEO otomatis ini blog. Kode SEO ini begitu penting, karena dengan memakai kode tersebut maka gambar-gambar yang ada di artikel kita akan lebih mudah diindeks di mesin pencari.

Sebenarnya ini adalah pilihan dari masing-masing blogger ya. Adakalanya seseorang itu lebih suka memasang deskripsi (img alt) pada gambar secara manual. Namun ada juga yang ingin tidak ingin ribet yakni secara otomatis biar lebih cepat. Tentu saya yakin kebanyakan dari kita pasti memilih cara yang mudah dan cepat kan?

Maka dari itu, mungkin cara ini dapat melancarkan Sobat dalam bergelut di dunia perbloggingan.

Di bawah ini sudah Saya siapkan kode yang bisa Sobat pasang, agar semua gambar yang ada di blog menjadi SEO Friendly dan terindeks oleh search engine (mesin pencari). Kode tersebut nantinya akan otomatis mengikuti nama dari gambar.

Sebelum di beri kode seo otomatis ini kan, kita akan mengisinya secara manual seperti di bawah ini.

<img alt=”diskripsi gambar” height=”640″ scr=”/gambar1.jpg” width=”480″ />

Tetapi jika suda di pasang kode SEOnya, maka kita tidak perlu lagi mengisinya secara manual. Tetapi penamaan gambar harus sesuai, misalkan nanti namanya Gambar-Seo.png maka deskripsi di blog otomatis menjadi "Gambar Seo". Jadi usahakan untuk menamai gambar sesuai dengan topik yang akan dibuat.

Nah langkah-langkah memasang kode SEO otomatisnya bisa dilihat di bawah ini.

Kode SEO Otomatis Untuk Gambar

Buka menu Template pada blogger Sobat. Lalu pilih EDIT HTML kemudian pasang kode di bawah ini di bawah tag </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> 

(sumber kode seo otomatis ini dari arlinadzgn.com)

Setelah itu simpan template.

Sedikit Tips, Memang optimasi seo terhadap gambar ini begitu penting, namun hal itu juga harus ditunjang dengan gambar yang sesuai dengan artikel yang ditulis. Jangan sampai keluar dari topik yang dibicarakan dan lebih bagus lagi jika gambarnya menarik dan lain dari pada yang lain. Agar secara tidak langsung menarik perhatian dari pengunjung blog.

Demikian yang bisa Saya sampaikan, semoga tutorial blogger mengenai Cara Memasang Kode SEO Otomatis Untuk Optimasi Gambar ini dapat bermanfaat.