Cara Optimasi SEO pada Gambar di Blog

Banyak dari teman-teman blogger pemula yang mungkin melupakan aturan ataupun penggunaan gambar yang tepat untuk SEO di dalam blog. Mungkin ini memang hal yang sepele. Namun hal sepele semacam inilah yang dapat pula menaikkan blog kita di dalam pencarian search engine. Mengapa saya katakan demikian? Karena kadang kala orang mencari gambar di dalam search engine, ataupun browser yang mereka gunakan dinonaktifkan tampilan gambarnya. Dengan demikian tampilan gambar yang kita upload di blog tidak akan terlihat. Namun dengan menggunakan aturan gambar yang tepat masalah itupun akan teratasi.

Pada dasarnya penggunaan aturan gambar yang tepat adalah memberi nama pada gambar dengan menggunakan kode HTML. Maksudnya bila suatu browser dinonaktifkan tampilan gambarnya, maka gambar di dalam blog kita akan tertulis nama gambar tersebut. Sehingga orang akan tahu itu gambar apa. Dan juga di search engine akan lebih besar peluang untuk ditemukan. Karena pada dasarnya tiap search engine itu menggunakan bentuk tulisan di dalam sistem pencariannya.

1. Menambahkan Atribut Alt dan Title yang mengandung Kata Kunci


  • Alt Text
Seperti yang sudah saya jelaskan diatas, fungsi dari atribut alt ini pada gambar adalah menjelaskan, "apa sebenarnya gambar itu?" Sehingga dapat memberi tahu mesin pencari tentang gambar terkait. Karena mesin pencari seperti google dan bing tidak mengetahui gambar, mereka hanya mengetahui tulisan (text). Mudah untuk di ilustrasikan, ketika anda mencari gambar di google, tentu anda akan mengetik tulisan mengenai gambar yang ingin anda cari bukan?

Selain itu apabila load images pada browser anda mati, tentunya gambar akan tidak ditampilkan. Dengan penambahan alt, maka deskripsi dari gambar terkait akan ditampilkan untuk mengganti load image yang di non-aktifkan. Maka dari itu sangat penting untuk menambahkan attribute alt pada setiap gambar agar mesin pencari tahu arti dari gambar itu. Jangan lupa untuk menambahkan kata kunci yang pas di atribut alt pada gambar dengan artikel terkait.

  • Title Text
Title text adalah tulisan yang muncul apabila kursor didekatkan pada suatu gambar. Fungsinya hampir sama, untuk menjelaskan arti dari gambar terkait secara kasat mata. Jangan lupa juga untuk menambahkan kata kunci yang pas di atribut title pada gambar di artikel terkait.

  • Cara Menambahkan Alt dan Title Text
Cara 1.  Klik kiri pada gambar --> Properties --> isi Title Text dan Alt Text yang sesuai dengan gambar dan mengandung kata kunci dengan artikel terkait --> Ok

Menambah alt dan title

Cara 2. Menggunakan mode HTML pada editing post blogger. Masukkan kode alt dan title di dalam setiap gambar blog sewaktu mengedit postingan. Caranya Klik mode HTML.

Contoh:
<img src="GAMBAR.jpgalt="NAMA GAMBARtitle="JUDUL GAMBAR"/>

2. Gunakan Width dan Height

Secara otomatis gambar di blogger akan menggunakan width dan height, entah anda menyetelnya berukuran small, medium, large, extra-large ataupun original size. Anda dapat melihatnya pada mode HTML pada editing post blogger.

Fungsi dari kode width dan height ini adalah menentukan ukuran lebar dan tinggi dari suatu gambar. Jadi broswer nantinya tidak perlu lagi untuk mencari tahu dan memastikan ukuran gambar yang sebenarnya karena sudah diberi tahu ukuran dari gambar yang akan dirender melalui kode width dan height. Sehingga proses rendering untuk menampilkan gambar terkait akan lebih cepat dan google sudah memberitahu bahwa kecepatan loading mempengaruhi ranking di pencariannya.

Contoh:
<img src="GAMBAR.jpgalt="NAMA GAMBARtitle="JUDUL GAMBARwidth="640pxheight="250px"/>

3. Gunakan Compressing Gambar

Mode compress yang telah diketahui adalah lossless dan lossy. Anda wajib untuk mengkompress gambar sebelum diupload. Sehingga proses rendering gambar akan lebih cepat yang dapat membuat pengunjung lebih puas, berpengaruh pada rasio pemantulan dan berpengaruh pada SEO di ranking pencarian google. Sebetulnya google telah menggunakan format baru yaitu WebP untuk gambarnya dengan menggabungkan mode compress lossless dan lossy. Namun saya secara pribadi belum dapat mengkonversi format gambar menjadi .webp

Untuk website online yang saya gunakan untuk mengkompress format gambar .jpeg, .png atau .gif yaitu compressor.io karena menurut saya untuk sekarang ini situs tersebutlah yang paling banyak mengurangi tiap byte data dari gambar yang dikompres. Namun kekurangannya yaitu tidak multi tasking, yaitu satu per satu untuk dikompresnya.

4. Gunakan Nama File yang Sesuai dengan Gambar Terkait

Sebelum anda mengupload gambar, ada baiknya anda memberi nama file yang sesuai dengan gambar dan posting anda. Karena pada dasarnya nama file anda akan dijadikan alamat setelah diupload. Untuk nantinya gambar itu ditampilkan.

Contoh:
http://4.bp.blogspot.com/-GKXLHwVLa_k/VTEO6yn2gcI/AAAAAAAABa0/3nO11wvjq_Y/s1600/alt%2Bdan%2Btitle%2Bgambar.gif

Sekian dan semoga bermanfaat bagi sahabat blogger sekalian :).

0 comments:

Posting Komentar

Setiap komentar sangat dihargai, namun karena keterbatasan waktu tidak dapat online setiap saat untuk me-reply komentar setiap orang. Komentar Spam (link aktif, o*at, p*rn*, j*di, dan sejenisnya) akan dimoderasi. Terima kasih atas perhatiannya dan Berkunjung kembali :)