Cara Menciptakan Gambar Seo Friendly Secara Otomatis

Cara Membuat Gambar Seo Friendly Secara Otomatis . Seo friendly pada gambar dilakukan supaya gambar yang ada di halaman blog kita terindeks secara otomatis oleh search engine menyerupai google, sehingga kita tidak direpotkan dengan menambahkan secara manual (menambahkan deskripsi pada ketika memposting gambar).

Cara tersebut sanggup dikatakan merepotkan. Maka dengan cara otomatis ini setiap gambar memiliki deskripsi sama dengan judul gambarnya. Oleh sebab itu, Anda harus memberi nama yang sesuai untuk setiap gambar yang akan diposting.

Kenapa harus Optimasi Gambar Agar SEO Secara Otomatis?

Karena gambar pada halaman blog merupakan salah satu media yang sanggup dipakai untuk trafik pada search engine sebab sebagian pengguna internet sangat suka mencari atau sekedar browsing untuk melihat-lihat gambar.

Berikut cara memasang arahan SEO otomatis pada gambar

Cari kode  </body> pada template blog Anda, lalu salin dan pastekan arahan di bawah ini sempurna 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>

 
Semoga bermanfaat.
Sumber