Sudah sering kan mendengar saran agar Anda menambahkan gambar dalam setiap postingan Anda?
Selain menambah keindahan dan membuat pembaca tidak bosan –hanya-memelototi-deretan-tulisan-tanpa ujung-, ternyata gambar juga memiliki fungsi yang lain.
Coba Anda bayangkan seseorang yang mencoba melukiskan betapa enaknya BigMac yang dijual McD. Berapa ratus kata yang Anda perlukan agar orang memutuskan untuk membeli BicMac yang Anda ceritakan tadi?
Bandingkan dengan selebaran yang dibuat oleh McD sendiri, hanya memuat gambar makanan yang disebut BicMac tadi, ditambah dengan harganya. That’s it! Dan orang mengantri untuk membelinya!
Itulah ampuhnya gambar. Jika Anda menggunakannya secara tepat, dijamin pembaca blog Anda akan semakin kerasan dan melanjutkan membaca tulisan Anda sampai dengan selesai. Ilustrasi gambar akan membantu memberikan pemahaman kepada pembaca apa isi tulisan Anda.
Nah, yang sering dilupakan oleh blogger adalah melakukan optimasi pada gambar yang diupload ke dalam blognya. Jika Anda tidak melakukan optimasi pada gambar, maka gambar tersebut hanya berguna untuk pengunjung manusia saja, karena crawler mesin pencari tidak bisa membaca gambar.
Yang harus Anda lakukan adalah jangan lupa untuk memastikan Anda menambahkan atribut alt dalam setiap gambar. Contohnya seperti berikut: <img src=”images.jpg” alt=”masukkan deskripsi gambar atau kata kunci”/>.
Dalam beberapa kasus, misalnya untuk mempercepat loading atau menghemat bandwidth, blogger meniadakan images dalam membuka browsernya, yang mengakibatkan gambar Anda tidak ditampilkan. Penggunaan atribut alt pada gambar akan menggantikan fungsi gambar tersebut. Mesin pencari juga tetap dapat membaca kata kunci yang Anda berikan dalam atribut alt pada gambar.
Fungsi atribut alt pada gambar juga dapat menyebabkan gambar Anda diindeks oleh mesin pencari berbasis gambar seperti Google Images. Sama seperti search engine, Google Images akan menampilkan halaman-halaman yang relevan untuk kata kunci dalam pencarian gambar. Anda dapat memanfaatkannya untuk mencari trafik dari sana.
Mulai sekarang, tambahkan gambar dalam postingan, yuk!
————————————————————
Tulisan lain yang perlu Anda baca:
Berlangganan via email yuk! Agar bisa menerima artikel terbaru dari blog isnuansa.com
Nb: Buka email anda & klik link konfirmasi berlangganannya.
Artikel Terkait
sedikit tambahan. pernah saya tulis di blog saya.
dari sisi aksesibilitas web, tiap gambar di suatu dokumen x/html yang bukan berbasis CSS dianjurkan menyertakan atribut alt. jika hanya bertujuan dekoratif, atribut teks alternatifnya menjadi alt=”" (kosong tanpa spasi). screen reader akan memahami gambar tersebut hanya dekorasi.
atribut alt bermakna pada kondisi pengguna/klien tidak mampu melihat (misal tuna netra, Internet search engine) atau yang sengaja menonaktifkan tampilan gambar (misal koneksi Internet lambat). sehingga informasi berbasis teks tetap tersaji, tanpa pengguna harus kehilangan informasi.
dianjurkan untuk menyertakan parameter width dan height pada tag img untuk mempercepat loading di sisi peramban/browser.
gambar pada thumbnail sebaiknya memang berukuran kecil (contoh pada xhtml dengan slash penutup:
berapa anjuran panjang karakter/kata pada atribut alt, kapan memakai longdesc, kalimat apa yang sebaiknya digunakan untuk logo, tombol, produk ecommerce, ada anjuran tertentu berdasar best practices.
.-= dani´s selesai [nulis] ..Aksesibilitas Web pada Lansia =-.
Makasih,infonya.Ga taunya alt penting juga ya.Suatu saat ak berkunjung lagi dech.
[...] Optimasi Gambar di Tulisan Blog dari Mbak Nunik – Isnuansa dot com. [...]
Saya mah bingung nambahkannya dimana, hampir semua yang memberikan tutor ini hanya sampai disitu “Tambah kan kode berikut” Tolong dong cara nambahkannya, tempatnya dll…
Thnx, salam kenal
nambah jalan jalan…
nambah ilmu…
makasih…
tompul selesai posting Tugas Alternator dan Perbedaannya dengan Generator