Cara Optimasi Gambar Agar Menjadi SEO Secara Otomatis

Cara Optimasi Gambar Agar Menjadi SEO Secara Otomatis - Optimasi gambar merupakan bagian daru teknik SEO on page yang dilakukan pada blog itu sendiri dan untuk meningkatkan pengunjung dari mesin pencari. Sebelum kita melangkah pada cara optimati gambar agar menjadi SEO secara otomatis, disini saya akan menjelaskan dulu pengertian optimasi gambar. Apa itu optimasi gambar?? Optimasi gambar adalah pengoptimalan yang dilakukan pada sebuah gambar pada suatu postingan yang bertjuan untuk meningkatkan posisi gambar tersebut di hasil pencarian gambar pada mesin pencari atau search image.

Dengan melakukan optimasi SEO pada gambar, maka gambar yang ada pada halaman blog anda akan secara otomatis terindeks oleh mesin search angine seperti google, sehingga anda tidak perlu repot-repot menambahkan deskripsi pada <img alt="description of the image" height="125" scr="/image.png" width="125" /> secara manual saat memposting gambar. Dan tentu saja dengan menggunakan cara manual sangat merepotkan dan sangat memakan waktu.

Kenapa Optimasi Gambar Sangat Penting Dalam SEO?

Karena gambar pada halaman blog merupakan salah satu media yang dapat digunakan untuk traffik pada search angine dan sebagian besar pengguna internet sangat suka mencari atau hanya sekedar browsing untuk melihat gambar-gabar.

Berikut adalah cara memasang kode SEO otomatis pada gambar :

1. Silahkan anda masuk ke blogger

2. Lalu cari menu "Template"  lalu pilih "Edit HTML"

3. Silahkan anda cari kode "</body>" pada template blog anda, kemudian salin dan pastekan kode dibawah ini tepat diatas kode "</body>". (Untuk mempermudah pencarian kode </body> anda bisa menggunakan tombol "Ctrl + F")

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

4. Setelah itu klik "Simpan / Save" template

Jadi nanti setiap gambar yang anda pasang pada postingan blog maka secara otomatis gambar tersebut akan mempunyai kode SEO Friendly.


Demikanlah Cara Optimasi Gambar Agar menjadi SEO Secara Otomatis. Semoga artikel pada postingan yang saya bagikan kali ini dapat bermanfaat dan menambah ilmu tentang Bog dan SEO. Happy Blogging :)

Share :

Tweet

✚

Related Post