Friday, March 10, 2017

Cara Optimasi Gambar Pada Blog Agar SEO Secara Otomatis

Tags

Kali ini saya akan memberi tau apa itu SOE dan Cara Optimasi Gambar Pada Blog Agar SEO Secara Otomatis.

Pengerian SOE
SEO (Search Engine Optimization). Pada tahun 2000an seiring pesatnya perkembangan dunia maya seperti hadirnya Search Engine, secara tidak langsung ilmu SEO juga dibutuhkan di Indonesia, namun banyak orang belum tahu pasti apa itu SEO? Apa arti dari SEO? Bagaimana sejarah awal SEO? Apa guna dari SEO? Apa manfaat dari SEO? Apa itu Teknik SEO? semua dikarenakan pada tahun 2000 dunia maya masih belum berkembang dan persaingan antara berbagai website masih rendah.

Berikut ini ulasan mengenai pengertian SEO yang saya rangkum dari berbagai sumber website. SEO adalah suatu teknik untuk memaksimalkan nilai relevan halaman website agar meningkatnya ranking dan pengunjung dari Search Engine Google. SEO dilakukan melalui proses yang sistematis (analisa, implementasi, report) yang artinya melakukan Teknik SEO yang masuk dalam kategori Blackhat SEO / Whitehat SEO / Greyhat SEO. Setiap teknik memiliki kelebihan dan kelemahan bila kita jalankan. Seperti Blackhat SEO yang melakukan tindakan berbahaya dengan tujuan mempercepat peringkat sebuah website di pencarian Search Engine. Whitehat SEO merupakan tindakan natural dan relevan dalam meningkatkan peringkat sebuah website. Greyhat SEO merupakan perpaduan kedua teknik sebelumnya untuk meningkatkan peringkat website. SEO adalah singkatan dari "Search Engine Optimization" atau Optimisasi Mesin Pencari


Cara Optimasi Gambar Pada Blog Agar 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.

 Hal ini dilakukan agar gambar yang ada di halaman blog Anda terindeks secara otomatis oleh search engine seperti google sehingga Anda tidak direpotkan dengan menambahkan secara manual (menambahkan deskripsi pada saat memposting gambar).

Cara tersebut bisa dikatakan merepotkan. Dengan cara otomatis ini setiap gambar mempunyai deskripsi sama dengan judul gambarnya. Oleh karena itu, Anda harus memberi nama yang sesuai untuk setiap gambar yang akan diposting.
Knapa Harus Optimasi Gambar Pada Blog Agar SEO Secara Otomatis ..?
Karna setiap gambar merupakan sebuah trafik agar pengunjung / visitor bisa melihar dan dapat mengunjungi blog kita, karen setiap visitor melihat gambar yang bagus agar terlihat menarik di mata visitor, otomatis visitor kita bertambah.

Apa Sih Untungnya Optimasi Gambar Pada Blog Agar SEO Secara Otomatis ? 
1. Menambah Banyak Visitor
2. Agar SOE di Ketahui Oleh Google
3. Pengunjung / Visitor lebih nyaman berada/ mengunjungi blog kita

Cara Optimasi Gambar Pada Blog Agar SEO Secara Otomatis

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

  • OK cuma itu penjelasan kali ini :) ok kan.. klo ada masalah commet aja .. :)

Artikel Terkait

4 comments

Terus kalau gambarnya lebih dari satu berarti judul gambarnya sama ya sob? Terima kasih scriptnya, mau saya coba.

Untuk Gambar yang lebih dari 1 dia akan membaca otomatis, soalnya scrip yang saya berikan scrip, optimasinya otomatis...!!!