5 Cara Optimasi Gambar untuk Meningkatkan SEO Postingan Blog
February 12, 2019
MENYERTAKAN gambar (image) berupa foto atau ilustrasi dalam posting blog lazim dilakukan oleh para blogger.
Namun, tidak semua blogger melakukan optimisasi gambar (image optimization) yang mereka upload itu untuk kepentingan SEO blog.
Optimisasi gambar merupakan salah satu dasar seo dari segi optimisasi onpage (onpage optimization). Optimisasi Onpage sendiri merupakan pilar SEO Blog guna menaikkan traffic atau pengunjung blog.
Posting ini guna "melengkapi" posting sebelumnya tentang Ukuran Foto yang Benar untuk Blog.
Cara Menerapkan SEO untuk Gambar Postingan
Berikut ini 5 cara optimasi gambar untuk menunjang SEO postingan blog yang CB sadur dari laman Hostgator dan Panduan Pengoptimalan Mesin Telusur Google.1. Gambar yang Relevan (Image Relevance)
Gambar (foto/ilustrasi) yang kita upload untuk mempercantik sekaligus memperkuat posting hendaknya gambar yang relevan dengan topik atau isi tulisan.Posting tentang HandPhone, misalnya, jangan malah dikasih ilustrasi gambar perempuan cantik, kecuali sang cewek memegang HP :)
2. Tag Alternatif (Alt Tag)
Tag alternatif adalah teks "alternate text" yang akan muncul cursor diarahkan kepada gambar dan/atau muncul ketika gambar tidak muncul di layar monitor user. Alt tag juga akan muncul duluan jika loading gambar lambat.Alt tag ini juga akan memberi informasi kepada mesin pencari bahwa ada gambar di sana. Jika gambar tidak muncul karena satu atau lain hal, mesin pencari akan tetap mengindeksnya berkat adanya alt tag ini.
Ilustrasi gambar di posting ini, misalnya, diberi Alt Tag "gambar untuk seo blog" dengan Title "Image Properties Blog".
Cara membuat Alt Tag gambar di blog blogspot, setelah gambar diupload, klik gambarnya sekali, lalu klik menu "properties" dan akan muncul dua kolom "Title Text" (judul gambar) dan "Alt Text" (teks gambar).
Kode 'Title & Alt Text Image Properties' Otomatis
Ada pertanyaan di komentar: "kalo biar titlenya terisi otomatis sesuai judul artikel gimana gan...? biar gak capek ngisi setiap mosting. ane sering lupa isi soalanya".
Jawabannya, pasang kode/script, namun sangat tidak disarankan, karena tetap saja tidak menambah seo gambar.
Kode otomatis title & alt text dimaksud adalah di bawah ini, disimpan 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>
3. Ukuran Gambar (Image Size)
Ukuran gambar sangat penting untuk SEO, yakni menyangkut loading atau kecepatan tampilan blog. CB sudah membahasnya di posting Ukuran Foto yang Benar untuk Blog.Ukuran gambar bisa mempengaruhi ranking SEO.
Selain itu, lokasi hosting gambar juga turut menentukan. Yang terbaik, gambar diupload sendiri, bukan dengan URL link.
4. Nama File (File name)
Seperti halnya kata kunci yang penting ada di url (permalink), kata kunci juga penting ada di gambar. Jadi, berilah nama bagi file gambar Anda. Nama file gambar sebaiknya relevan dengan posting dan mengandung kata kunci.Jika file gambar (foto) asli Anda bernama DSC0001.jpg misalnya, ubah menjadi, misalnya lagi, "steve-jobs-on-the-launching-of-iphone.jpg". Kata-kata kunci dipisahkan dengan hypen atau tanda strip (-).
5. Tag Judul dan Tautan Gambar (Title Tag and image linking)
Selain diberi nama file, gambar juga sebaiknya diberi judul (Title Tag), seperti sudah disediakan kolomnya oleh blogger.Gunakan kata kunci yang relevan. Soal tautan gambar sudah diatur oleh Blogger. Poin Image Linking berlaku untuk blog Wordpress.
Demikian 5 Cara Optimasi Gambar untuk Meningkatkan SEO Postingan Blog.
Panduan Google
Senada dengan lima tips SEO Image di atas, berikut ini kutipan panduan mengoptimalkan gambar dari Google.Menggunakan atribut "alt"
Beri nama file yang deskriptif dan deskripsi atribut alt untuk gambar. Atribut "alt" memungkinkan Anda menentukan teks alternatif untuk gambar.
Mengoptimalkan nama file gambar dan teks alt akan mempermudah project penelusuran gambar seperti Google Images untuk memahami gambar Anda dengan lebih baik.
Gunakan nama file dan teks alt yang singkat namun deskriptif
Nama file dan teks alt yang singkat namun deskriptif adalah pilihan yang paling tepat.
Gunakan format gambar standar
Gunakan jenis file umum yang didukung - Sebagian browser mendukung format gambar JPEG, GIF, PNG, BMP dan WebP. Sebaiknya Anda memiliki ekstensi dari nama file yang sesuai dengan jenis file.
Hindari:
- Penggunaan nama file generik seperti "image1.jpg", "pic.gif", "1.jpg" kalau memungkinkan—jika situs Anda memiliki ribuan gambar, sebaiknya beri nama gambar secara otomatis.
- Nama file yang sangat panjang.
- Penggunaan kata kunci yang terlalu banyak pada teks alt atau melakukan copy-paste seluruh kalimat.
- Gunakan teks alt jika menggunakan gambar sebagai link
Kesimpulan, saat menyiapkan dan menyisipkan gambar/foto kedalam tulisan, pastikan gambar yang Anda unggah itu:
- Menggunakan nama file sesuai dengan gambarnya.
- Ukuran filenya ringan.
- Mengisi image properties alt dan title text
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
langsung terapin nih buat blog saya
ReplyDeletegood........ :)
Deletewah thx ya sangat bermnfaat nih bro josh dah
ReplyDeletekalo biar titlenya terisi otomatis sesuai judul artikel gimana gan...?
ReplyDeletebiar gak capek ngisi setiap mosting. ane sering lupa isi soalanya sob. hehee...
Salam kenal gan.
di tunggu kunjugan balinkya gan :-) comment juga yaaa
Ada kode, tapi tidak disarankan pasang kode otomatis title & alt tag karena tidak terindeks mesin pencari
Deleteuntuk gambarnya jika kita tidak upload ke blog gimana min?
ReplyDeletemisalnya kita gunakan seperti fb/postimage/ medai uploader
tetap harus pake title & alt text, tapi menurut Gt Metrix, gambar dari luar blog (gak upload sendiri) memperlambat loading
Deletemisalkan saya punya artikel tentang insomnia.
ReplyDeletedan saya bumbuhi gambar.
terus tag ALT saya kasih tulisan : insomnia
terus tag TITLE saya kasih juga tulisan : insomnia
itu bener ga ? apa harus bagaimana ??
ya, gak apa-apa, yang penting alt/title jangan sampai kosong aja
Deletecara mengatasi tag H1 really bad di chykme gmn gan?
ReplyDeletesilakan gunakan kotak pencarian, pasti ada
Deletenulis udah lumayan banyak.. tp satu pun gak ada yang dijajal.. hduh
ReplyDeleteternyata banyak banget kekurangan blog ane.. pantes gak nongol di search engine .
makasih info bang CB
Wah...keren banget info2 blog ini..semoga ilmunya berkah...lancar rezeki blogger nya
ReplyDeleteAmin Ya Robbal 'Alamin.... Syukron bro!
Deletewau sangat membantu sekali, terimkasih sob
ReplyDeletemakasih min infonya
ReplyDeletemakasih infonya min, ane juga ada masalah di optimize image
ReplyDeletepunya saya sdah B (84%) tapi di Yslow masih D. itu pengaruh apa?
ReplyDeleteLihat saja catatan di bawahnya, itu lengkap banget penjelasannya
Delete