Cara Optimalisasi Image / gambar agar Lebih SEO Friendly juga dapat mempermudah mesin pencari dalam merayapi konten blog. Image atau gambar merupakan salah satu komponen yang tidak bisa dipisahkan. Keberadaan gambar pada postingan blog akan memberikan banyak manfaat. Contohnya, menambah penampilan blog yang lebih menarik, membuat pembaca lebih fokus, mencerminkan keseluruhan isi konten dan juga dapat mempermudah mesin pencari dalam merayapi konten blog.
Gambar konten juga dirayapi?
Manfaat terakhirlah yang ingin saya uraikan kepada sahabat semuanya. Sebelum melangkah lebih jauh, benarkah mesin pencari juga merayapi konten yang berisi gambar? Jawabannya adalah, Ya benar, Search Engine juga merayapi konten blog yang berisi gambar. Untuk selanjutnya terindeks dan dicantumkan ke dalam hasil penelusuran. Maka sudah pasti, modifikasi image atau gambar yang disisipkan ke dalam postingan sangatlah penting untuk dilakukan agar lebih friendly terhadap mesin pencari. Modifikasi image seperti apa saja yang bisa dilakukan?
7 Cara Optimalisasi Image / gambar agar Lebih SEO Friendly
Para master telah memberikan ilmunya terkait penyisipan image yang SEO friendly. Beragam cara telah dilakukan. Pada intinya hanya satu tujuannya, yakni memudahkan blog nangkring pada posisi yang lebih baik di hasil pencarian, baik pencarian web (web search) maupun pencarian image (image search). Baiklah berikut beberapa diantara ilmu yang telah disampaikan para master tentang mengoptimalkan image pada konten blog.
1. Nama file gambar yang diskriptif
Biasanya, saat membuat gambar, nama file yang tertulis masih mengikuti default file name tertentu. Misalnya, membuat gambar dengan menggunakan Paint. Maka yang muncul dalam kotak save file adalah Untitled. Kemudian pada photoshop juga demikian. Berbeda dengan pembuatan gambar melalui kamera, biasanya tertulis nama file yang tidak beraturan, yakni kombinasi huruf abjad dan angka. Dan contoh lainnya. Nama-nama tersebut tidak bisa terbaca oleh mesin pencari, sebab tidak sesuai dengan isi konten. Mesin pencari hanya akan merayapi image yang mempunyai kelengkapan nama yang sesuai dengan keyword konten saja. Jika tidak sesuai, maka akan diabaikan.
Dengan demikian, sebelum mengupload gambar pada postingan, gantilah terlebih dahulu nama file gambar tersebut sesuai dengan isi konten. Lebih bagus lagi, ganti nama dengan keyword utama dalam konten. Hal itu akan mempermudah mesin pencari dalam merayapinya.
2. Ukuran file gambar
Benarkah file gambar dengan ukuran yang besar pada blog akan memberatkan perayapan mesin pencari? Ya benar. Paling tidak, keberadaan gambar dengan ukuran yang besar membuat waktu loading blog menjadi terlambat beberapa saat. Maka, pastikan untuk mengompress file dulu sebelum mengupload gambar ke dalam postingan. Biasanya file gambar yang membutuhkan kompresi adalah dari hasil kamera digital. Ukurannya bisa mencapai 2MB untuk satu file. Ukuran seperti itu, jika tidak dikompres dulu, akan menyulitkan proses upload dan juga proses loading page blog. Namun file gambar lain dari software image maker biasanya tidak besar.
3. URL gambar
Kombinasi alamat URL gambar hasil upload juga sangat berpengaruh pada perayapan mesin pencari. Detail file gambar yang tercantum dalam URL tersebut harus lebih rinci. Tidak hanya menampilkan kata global saja. Untuk lebih jelasnya, silakan lihat kombinasi alamat URL gambar yang baik dan tidak baik bagi mesin pencari.
Buruk : http://www.tutorialblogging.tk/images/image.jpg
Baik : http://www.tutorialblogging.tk/yamaha-valentino-rossi/keyword-gambar.jpg
Selengkapnya mengenai URL gambar, silakan simak Cara Mengetahui dan Membuat URL Gambar.
Selengkapnya mengenai URL gambar, silakan simak Cara Mengetahui dan Membuat URL Gambar.
4. Caption gambar
Mesin pencari juga merayapi teks yang terdapat di sekitar gambar. Dan caption merupakan teks yang melekat pada sebuah gambar. Maka gunakan fasilitas caption gambar ini setiap menyisipkan gambar pada postingan. Caranya seperti contoh berikut.
 |
| Isi Caption gambar di sini |
5. Atribut ALT gambar
Atribut ALT pada gambar berisi keyword. Keyword inilah yang sangat berarti guna perayapan mesin pencari. Boleh dibilang, atribut ini sangat sensitif dan sangat penting bagi gambar secara keseluruhan. Dengan demikian, sisihkan waktu sebentar guna membuat fitur ALT pada gambar yang disisipkan dalam konten blog. Caranya adalah sebagai berikut.
Sahabat bisa pula mengisikan atribut ini melalui edit entry HTML. Berikut contohnya.
<img src="rossi-lorenzo.jpg" alt="Rossi Lorenzo" />
Beberapa hal yang perlu diperhatikan dalam membuat atribut ALT gambar. Diantaranya adalah:
-> Gunakan teks tidak lebih dari 150 karakter. Karakter yang terlalu banyak akan menyulitkan mesin pencari dalam merayapi. Paling bagus adalah singkat, padat dan jelas mewakili keyword konten.
-> Gunakan kata-kata yang berisi keyword konten.
6. Kode script
Gunakan kode script pada body untuk memberikan deskripsi setiap gambar yang ada secara otomatis. Cara ini sangat mudah diterapkan, karena tidak harus menyematkan kode HTML setiap kali membuat postingan. Caranya, masuk ke area Edit HTML pada Template blog. Kemudian cari kode </body>. Lalu letakkan kode berikut ini tepat di atasnya.
<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>
7. Pastikan sesuai konten
Setiap poin yang telah diebutkan di atas, baik nama file, URL, caption, dan atribut ALT harus dipastikan sesuai dengan isi konten blog tersebut. Akan menjadi sia-sia jika salah satu atau beberapa diantaranya justru tidak bersesuaian dengan isi konten blog. Sekali lagi, bahwa mesin pencari hanya akan merayapi komponen postingan yang sesuai dengan keyword saja, dan mengabaikan yang lainnya.
Terima kasih sahabat blogging sudah meluangkan waktu untuk membaca artikel Cara Optimalisasi Image / gambar agar Lebih SEO Friendly semoga bermanfaat. Sebelum menutup halaman ini alangkah baiknya sahabat blogging lihat-lihat lagi artikel lainnya.
