Optimisasi Gambar agar lebih SEO
Apakah anda tahu, bahwa Google melakukan peng-index-an bukan hanya pada halaman artikel web atau blog anda saja, tetapi juga melakukan index terhadap gambar yang anda tampilakan di artikel maupun halaman lain dari blog anda. oleh karena itu optimisasi gambar juga merupakan hal yang cuku penting, untuk semakin SEO, artinya gambar itu juga merupakan komponen yang akan mendatangkan pengunjung.
Suara hati entah dari mana bertanya : "jadi apakah dengan memberi banyak gambar pada blog akan juga dapat mendatangkan banyak pengunjung dong jika di tilik dari penjelasan mas fahmi tadi ?"
tidak juga seperti itu, Google juga memiliki kriteria dalam peng-index-an gambar, misalnya saja atribute Title Image, dan Alt. selain itu gambar fresh (gambar baru yang belum ada sebelumnya *belum terindex) amat sangat disukai oleh Google. sekarang anda sudah tahu harus bagaimana sekarang bukan? Jangan abaikan Gambar.
Dengan banyak gambar walaupun itu dengan dan sudah memenuhi kriteria dari Google untuk peng-index-an tidak berarti akan berdampak sangat baik bagi blog anda, anda juga harusnya sudah paham yang saya jelaskan pada artikel Cara Efektif Untuk Mempercepat Loading halaman Blog, disana saya katakan semakin banyak gambar akan semakin berat loading blog anda, semakin berat dan lambat, pengunjung yang tadinya mau berkunjung, walaupun sudah dari sumber gambar anda yang terindeks oleh Google, tapi karena Gambar anda juga yang membuat loading blog lambat pengunjung pun langsung pergi.
Lantas bagaimana sekarang caranya? saya akan memberikan 2 tips Optimisasi yang saya tahu kepada anda pengunjung keripik saya yang cantik-cantik, kalau cewek, dan kalo cowo.. biasa aja. :-I
#1 Kecilkan ukuran (size) gambar
yang pertama adalah kecilkan ukuran gambar yang anda gunakan untuk blog anda, yang saya maksud bukanlah ukuran lebar dan tinggi gambar, melainkan size per byte-nya. caranya bagaimana? anda bisa mengecilkanya dengan menggunakan aplikasi editing foto, baik itu PS, atau yang lainya, namun akan jauh lebih mudah jika langsung dikompress saja gambarnya. ada banyak kok aplikasi melaukan kompress baik itu yang offline atau yang online, jika online mungkin bisa anda coba [disini].
#2 Berikan atrribute gambar Title dan Alt (atau Alt sja cukup)
jika anda adalah pengguna blog baru akan tidak ada masalah mulailah dengan kebiasaan setelah upload image pada edit post selalu tambahkan atribut title dan alt, misalkan saja blogger, setelah upload, klik gambar yang sudah muncul, maka akan ada pilihan menu properties.
#3 adalah opsi bagi anda yang sebelumnya sudah memiliki banyak posting,
namun belum melakukan optimisasi sebelumnya, jika anda mau silahkan gunakan cara manual dengan membuak post satu persatu, atau anda juga melakukanya dengan script dan otomatis.
silahkan tempatkan Javascript dibawah ini tepat diatas </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>
begitulah kira-kira yang bisa saya jelaskan dan share kepada anda, mungkin banyak sekali cara yang lain, namun cara inilah yang sering saya gunakan. semoga bermanfaat
