Optimasi Gambar Di Tulisan Blog
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:
October 12th, 2009 at 6:06 am
pertamaX?
[Reply]
October 12th, 2009 at 6:10 am
iya, biasanya kalo ga pake alt ga lolos validitas XHTML.. alhamdulillah blog saya lolos n valid…
[Reply]
October 12th, 2009 at 8:32 am
tes ketigaxxxxxxxx…dan terima ksih atas ilmunya teh..
[Reply]
October 12th, 2009 at 9:11 am
kirain optimasi gambar di tulisan, rupanya optimasi tulisan menggunakan gambar. judulnya kurang tepat nih.
[Reply]
October 12th, 2009 at 10:29 am
Terima kasih infonya.
[Reply]
October 12th, 2009 at 10:43 am
oh, baru tahu kalau hrs memasukkan atribut alt, terima kasih ya Mbak Nunik utk infonya.
Salam.
bundadontworry´s selesai [nulis] ..6 Tipe Pria yang harus dihindari.
[Reply]
October 12th, 2009 at 11:15 am
oo gitu ya.. trims…
[Reply]
October 12th, 2009 at 12:28 pm
Ya.. ya.. ya.. sangat menarik dan dimengerti.. dengan gambar yang tepat menggugah rasa ingin tau lebih jauh.. mbak Nunik cukup jeli ukuran gambar dan resolusi kecil bikin cepet upload nya.. Tengkiu ya..
[Reply]
October 12th, 2009 at 12:42 pm
siap mba.. tp ya agk sush mba.. cz kudu ngutak2 codeny jg mba…
[Reply]
October 12th, 2009 at 2:16 pm
KangBoed´s selesai [nulis] ..Saresehan Budaya Spiritual Nusantara
[Reply]
October 12th, 2009 at 2:16 pm
Buat mBake Isnuansa.. titip salam saja yaaaak..
Salam Cinta Damai dan Kasih Sayang
‘tuk Sahabatku terchayaaaaaaaank
I Love U fuuulllllllllllllllllllllllllllll
[Reply]
October 12th, 2009 at 3:10 pm
menambahkan mba Nunik.. selain menambah alt jangan lupa nutup tag img..
jadi kL tadi dicontohkan:
menjadi:
cos saya pernah gara2 kurang tanda “/” itu, error nya bisa jadi 17..
(sebenarnya saya juga kurang paham, apa sebenarnya fungsi validitas)
Hari Mulya´s selesai [nulis] ..Reset Password Wordpress dengan phpMyAdmin
[Reply]
October 12th, 2009 at 3:13 pm
menambahkan mba Nunik.. selain menambah alt jangan lupa nutup tag img..
jadi kL tadi dicontohkan:
menjadi:
cos saya pernah gara2 kurang tanda “/” itu, error nya bisa jadi 17..
(sebenarnya saya juga kurang paham, apa sebenarnya fungsi validitas)
Hari Mulya´s selesai [nulis] ..Reset Password Wordpress dengan phpMyAdmin
[Reply]
October 12th, 2009 at 3:16 pm
menambahkan mba Nunik.. selain menambah alt jangan lupa nutup tag img..
jadi kL tadi dicontohkan:
menjadi:
cos saya pernah gara2 kurang tanda “/” itu, error nya bisa jadi 17..
(sebenarnya saya juga kurang paham, apa sebenarnya fungsi validitas
Hari Mulya´s selesai [nulis] ..Reset Password Wordpress dengan phpMyAdmin
[Reply]
October 12th, 2009 at 3:19 pm
lagi mba..
link anchor “BigMac yang dijual McD” tu kelebihan tanda petik di bagian target-nya…
Hari Mulya´s selesai [nulis] ..Reset Password Wordpress dengan phpMyAdmin
[Reply]
October 12th, 2009 at 4:36 pm
pastinyaa…. gw paling sepakat dengan tulisan mu….
gak ada postingan tanpa gambaar… hehee..
gw bangedd ,,,
[Reply]
October 12th, 2009 at 5:32 pm
waahh berarti selama ini blog saya berat gara-garaloading gambar begitu lama yah. mungkin tips ini bisa saya pakai, terima kasih.
mandor tempe´s selesai [nulis] ..5S
[Reply]
October 14th, 2009 at 5:00 pm
Sekali lagi thanks Bro…
Adrie´s selesai [nulis] ..Pasang Kotak Komentar di Blog
[Reply]
October 15th, 2009 at 7:16 am
Kalau menurut saya, fungsi gambar relatif. Tak selalu setiap postingan harus ada gambarnya.
Intinya, kualitas konten lebih penting dipikirkan daripada memikirkan gambar
Blogodolar´s selesai [nulis] ..Wawancara dengan Zizy Damanik dari Teh Susu.com
[Reply]
October 15th, 2009 at 2:44 pm
yup, saya juga sering menambahkan gambar di setiap postingan saya, tapi mesti di perkecil dulu size file-nya biar tidak menghambat loading
wira´s selesai [nulis] ..10 Cara Mengatasi Hiatus Pada Blog
[Reply]
October 19th, 2009 at 9:53 pm
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
[Reply]
October 20th, 2009 at 7:04 am
Makasih,infonya.Ga taunya alt penting juga ya.Suatu saat ak berkunjung lagi dech.
[Reply]
October 21st, 2009 at 7:10 pm
[...] Optimasi Gambar di Tulisan Blog dari Mbak Nunik – Isnuansa dot com. [...]