Teknik Optimasi Gambar Agar SEO Friendly Secara Otomatis

Teknik Optimasi Gambar Agar SEO Friendly Secara Otomatis. Gambar disebuah halaman artikel bisa jadi sangat penting untuk mendukung artikel itu sendiri agar menjadi lebih mudah dipahami oleh pembaca. Untuk itu gambar di sebuah artikel juga perlu adanya optimasi agar cepat terindeks di mesin pencari syukur-syukur bisa menjadi no.1 di search engine google ataupun yahoo.

Tapi untuk optimasi gambar kadang kala kita merasa malas karena kalau optimasi secara manual kita harus sedikit mengutak-atik kode html. Sedangkan kita mungkin kurang tahu bagaimana dan apa itu yang namanya kode html. Biasanya agar gambar menjadi SEO friendly sedikit ditambahkan deskripsi secara manual pada kode gambar seperti contoh berikut: <img alt="deskripsi halaman artikel gambar" height="125" scr="/image.png" width="125" />.

Banyak sekali teknik SEO atau tips SEO yang ditulis oleh sobat blogger pemula ataupun yang sudah profesional agar gambar menjadi SEO friendly.

Berdasarkan sedikit penjelasan diatas, blog Berita Online ingin sedikit memberikan teknik optimasi gambar agar lebih SEO friendly di mata search engine secara otomatis, ingat secara otomatis bukan secara manual. Ini juga merupakan salah satu teknik SEO agar halaman artikel anda cepat terindeks di search engine dan menjadi no.1 di search engine.

Mengapa gambar juga harus optimasi?

Karena ada sebagian orang lebih suka melakukan browsing dengan gambar. Pengguna internet yang browsing dengan menggunakan format gambar biasanya mencari informasi untuk keyword yang notabene merupakan keyword jorok seperti foto bugil, walaupun itu tidak semua.

Dengan optimasi gambar secara 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.

Untuk optimasi gambar agar lebih SEO friendly Anda bisa menyisipkan beberapa kode berikut.

Pertama anda harus login dan membuka kode template blog Anda. Kemudian cari kode </body>, dan salin kode dibawah ini kemudian taruh 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.

Kini Anda tidak perlu optimasi gambar secara manual lagi karena setelah terpasang kode diatas setiap gambar yang Anda pasang di suatu halaman artikel akan secara otomatis mempunyai kode SEO friendly.

OK Sekian dulu semoga bermanfaat, jangan lupa LIKEnya gan biar blog Berita Online tetap eksis dan bisa selalu memberikan informasi-informasi yang bermanfaat untuk para pengunjung.