Pentingnya Menambah Alt Tag pada Gambar di Blog

Pentingnya Menambah Alt Tag pada Gambar di Blog. Sejak pertama ngeblog saya telah dihimbau oleh mentor-mentor saya: Anne Ahira, Kusuma Putra dan David Odang untuk selalu menambahkan alt tag pada gambar yang ada di postingan.Namun saran-saran mereka hanya mampir di pikiran bawah sadar saya dan tidak mengejawantah keluar.

Ketika event Blogiliciuos van Bandung diadakan oleh idBlognetwork pada bulan Juni 2011 kemarin, seorang pembicara yang juga photoblogger mengingatkan pentingnya penambahan alt tag pada gambar di blog.  Pun saran ini tidak saya perhatikan dengan baik. Beberapa hari setelah event tsb, 2 buah artikel yang saya baca memicu saya untuk segera menambahkan tag pada gambar.

Artikel pertama saya baca di koran daerah dimana saya tinggal, tentang bagaimana anak-anak Indonesia bahkan yang dewasanya pun lebih suka menonton tivi daripada membaca. Jika membaca mereka lebih suka melihat gambar daripada tulisan. Itu sebabnya komik lebih sering dibeli dan dibaca daripada novel. Artikel kedua tentang Google Team yang waktu itu mau datang ke Indonesia dan meninjau kemungkinan mereka berinvestasi di Indonesia.

Voila! Somehow kedua artikel itu ngepush something in my mind. Akhirnya saya menyadari pentingnya alt tag ini.  Saya menduga banyak internet user yang membawa perilaku “menyukai gambar daripada tulisan”. Karena itu mungkin saja mereka lebih senang memanfaatkan image search daripada text search. Segera saya tambahkan alt tag dan juga title tag pada gambar-gambar di artikel yang ramai dan menunggu hasilnya.

Dugaan saya tepat! Saya mendapatkan traffic dari hasil pencarian gambar lho. Bukan saja dari google.co.id tapi juga dari google.com.my ! Yeehhhaa ! :mrgreen: Ini contohnya (yang sebelah kiri hasil pencarian gambar di google, yang kanana adalah berapa kali diklik)

google.co.id/imgres?q=payudara+wanita+sexy&gbv=2&tbm=isch&tbnid=EkgJMX4HOztfRM%3A&imgrefurl=https%3A%2F%2Fannunaki.wordpress.com%2Ftag%2Fbuah-dada%2F&docid=4CxpBZGpb6J2IM&w=253&h=380&ei=PY8vTqn7AuXsmAW48oEs&zoom=1&iact=hc&vpx=800&vpy=43&dur=2626&hovh=275&hovw=183&tx=84&ty=174&page=1&tbnh=140&tbnw=94&start=0&ndsp=15&ved=1t%3A429%2Cr%3A4%2Cs%3A0&biw=1024&bih=578 3
google.co.id/imgres?q=gedong+songo&gbv=2&tbm=isch&tbnid=FZkJwOKLRr-5bM%3A&imgrefurl=http%3A%2F%2Fannunaki.wordpress.com%2F2010%2F01%2F28%2Fkompleks-candi-gedongsongo-memiliki-bio-energy-terbaik-di-asia%2F&docid=w0-sIexxAmeAeM&w=600&h=800&ei=EDQvTvfDBbDLmAXvhd1L&zoom=1&biw=1360&bih=566 3
google.co.id/imgres?q=tips+memperbesar+alat+vital&sa=X&tbm=isch&tbnid=YqbGLMIm0cy2YM%3A&imgrefurl=http%3A%2F%2Fannunaki.wordpress.com%2F2010%2F09%2F23%2Fmembesarkan-penis-dengan-daun-jarak%2F&docid=r_21GhvnX8lfyM&w=448&h=336&ei=NhMwTuOYOMjrrQfekMSsCw&zoom=1&iact=hc&vpx=279&vpy=302&dur=3522&hovh=194&hovw=259&tx=168&ty=113&page=17&tbnh=138&tbnw=148&start=221&ndsp=15&ved=1t%3A429%2Cr%3A6%2Cs%3A221&biw=1024&bih=610 2
google.co.id/imgres?q=lomba+toket+terindah&gbv=2&biw=1024&bih=499&tbm=isch&tbnid=KrIg40gsg9TAqM%3A&imgrefurl=http%3A%2F%2Fannunaki.wordpress.com%2F2010%2F08%2F22%2Fpayudara-dan-tubuh-wanita%2F&docid=PaXI0e788UnrwM&w=380&h=252&ei=xegvTpHLCYrrrQfRnsDnCg&zoom=1&iact=rc&dur=230&page=3&tbnh=159&tbnw=205&start=25&ndsp=8&ved=1t%3A429%2Cr%3A7%2Cs%3A25&tx=92&ty=25 2
google.co.id/imgres?q=lukisan&um=1&sa=N&tbm=isch&tbnid=q2AldiCMWED32M%3A&imgrefurl=http%3A%2F%2Fannunaki.wordpress.com%2F2010%2F03%2F05%2Flukisan-berhantu-dari-e-bay%2F&docid=HZ4wi_At6PE0yM&w=400&h=300&ei=0A0wTr_hKNHwrQefw8HXCg&zoom=1&chk=sbg&biw=1366&bih=605 2
google.co.id/imgres?q=bokong&um=1&biw=1040&bih=569&tbm=isch&tbnid=M7EjPIHfUHrAKM%3A&imgrefurl=http%3A%2F%2Fannunaki.wordpress.com%2F2010%2F12%2F29%2Ftips-mendapatkan-bokong-sexy%2F&docid=Yb3QxgWGT3z6gM&w=506&h=337&ei=g8wvTuKIMIzsrQfbz-28Cw&zoom=1 2
google.co.id/imgres?q=kota+thailand&sa=G&channel=s&tbs=isz%3Al&tbm=isch&tbnid=ZmIzTRhf1dyZrM%3A&imgrefurl=http%3A%2F%2Fannunaki.wordpress.com%2F2010%2F05%2F29%2Fpic-nama-nama-aneh-di-seantero-dunia%2F&docid=et9H99_VCuLpHM&w=2288&h=1712&ei=frsvTpaDF4_YiALPp-Ar&zoom=1&biw=1280&bih=831 2
google.co.id/imgres?q=perbesar+penis&tbs=isz%3Am&tbm=isch&tbnid=YqbGLMIm0cy2YM%3A&imgrefurl=http%3A%2F%2Fannunaki.wordpress.com%2F2010%2F09%2F23%2Fmembesarkan-penis-dengan-daun-jarak%2F&docid=r_21GhvnX8lfyM&w=448&h=336&ei=s7wvTuTuLZDTiALdzeX8CQ&zoom=1&iact=hc&vpx=199&vpy=332&dur=4022&hovh=194&hovw=259&tx=155&ty=68&page=1&tbnh=143&tbnw=216&start=0&ndsp=16&ved=1t%3A429%2Cr%3A11%2Cs%3A0&biw=1280&bih=640 2
google.co.id/imgres?q=membuat+tanda+tangan+sesuai+karakter&um=1&biw=1024&bih=677&tbm=isch&tbnid=JApWKmSDkSiGiM%3A&imgrefurl=http%3A%2F%2Fannunaki.wordpress.com%2F2010%2F06%2F22%2Ffisiognomi-membaca-karakter-lewat-wajah%2F&docid=s1gZ-JeKiVe1fM&w=265&h=300&ei=lmMvTvX4KYTjmAWiiu1K&zoom=1 2
google.co.id/imgres?q=micro+expression+ind&um=1&tbm=isch&tbnid=W6bh9RIpE2i6EM%3A&imgrefurl=https%3A%2F%2Fannunaki.wordpress.com%2Ftag%2Fhow-to-detect-lies-by-watching-peoples-micro-expressions%2F&docid=zpPcr8IZzDAdFM&w=380&h=254&ei=qvcvTpDdE4vqrQfM5JH7Cg&zoom=1&biw=1280&bih=698 2
google.co.id/imgres?q=banner&hs=P7Y&sa=X&biw=1177&bih=604&tbm=isch&prmd=ivns&tbnid=NSssmT4rmfm_YM%3A&imgrefurl=http%3A%2F%2Fannunaki.wordpress.com%2F2011%2F06%2F22%2Fcara-buat-pixel-banner%2F&docid=vYI9YvlNmjDinM&w=310&h=380&ei=Z2gvTt3dHaLSmAXu7JRD&zoom=1 2
google.co.id/imgres?q=law+of+attraction+indonesia+gratisan&um=1&tbm=isch&tbnid=hR7sr5k7WxGqmM%3A&imgrefurl=http%3A%2F%2Fannunaki.wordpress.com%2F2010%2F07%2F31%2Fmengubah-sikap-orang-lain-dengan-law-of-attraction%2F&docid=1E4VrIdY_5G4KM&w=380&h=285&ei=qAEvTsfVH-LgmAWHqtQz&zoom=1&biw=1280&bih=853 2
google.co.id/imgres?q=bentuk+payudara&um=1&sa=N&tbm=isch&tbnid=PCUnZHXVZtUJQM%3A&imgrefurl=https%3A%2F%2Fannunaki.wordpress.com%2Ftag%2Fbentuk-payudara-wanita%2F&docid=dXRA4DuhvOSz0M&w=210&h=300&ei=0pYvToW2MIWdmQX9le0h&zoom=1&biw=1366&bih=575 2
google.co.id/imgres?q=ka%27bah&sa=G&biw=910&bih=496&addh=36&tbm=isch&tbnid=x8TkZABA4zPB0M%3A&imgrefurl=http%3A%2F%2Fannunaki.wordpress.com%2F2010%2F04%2F20%2Frahasia-kabah%2F&docid=5Tjty5e2Zu34qM&w=380&h=285&ei=96IvTpipBubJmAWY0bxH&zoom=1 2
google.co.id/imgres?q=bukti+peninggalan+atlantis&um=1&tbm=isch&tbnid=JI5n46Z7G8j_3M%3A&imgrefurl=http%3A%2F%2Fannunaki.wordpress.com%2F2010%2F01%2F15%2Fkerajaan-kandis-atlantis-nusantara%2F&docid=H8u0TjtzHkuPvM&w=300&h=194&ei=y7MvTvyFLJTTiAKQ8Okr&zoom=1&biw=1024&bih=575 2
google.co.id/imgres?q=sexy+girl&gbv=2&tbm=isch&tbnid=vnXpXREHi3DMXM%3A&imgrefurl=https%3A%2F%2Fannunaki.wordpress.com%2Ftag%2Fpijat-payudara%2F&docid=ZYBXfRAEm_G4CM&w=253&h=380&ei=GZUvTvG6OIP6mAWD75w8&zoom=1&iact=hc&vpx=642&vpy=234&dur=1176&hovh=275&hovw=183&tx=90&ty=212&page=4&tbnh=143&tbnw=96&start=57&ndsp=22&ved=1t%3A429%2Cr%3A18%2Cs%3A57&biw=1280&bih=623 2
google.co.id/imgres?q=menggambar+sketsa&um=1&hs=K3r&sa=N&tbm=isch&tbnid=PuVP0xxE6ZSF5M%3A&imgrefurl=https%3A%2F%2Fannunaki.wordpress.com%2Ftag%2Fmenggambar-sketsa%2F&docid=JvzVsjaFyt8OFM&w=720&h=513&ei=ZU4vTuy8AYuNmQWv47lJ&zoom=1&biw=1173&bih=602 2
google.co.id/imgres?q=cara+memerah+asi+menggunakan+tangan&um=1&sa=N&tbm=isch&tbnid=sJ-pPyV6903KlM%3A&imgrefurl=https%3A%2F%2Fannunaki.wordpress.com%2F2010%2F02%2F16%2Flatihan-mempertebal-penis%2F&docid=-CCFIybETNIWFM&w=405&h=317&ei=rh0vTp7ZM4-ImQWp8ekd&zoom=1&chk=sbg&biw=1272&bih=579 2
google.co.id/imgres?q=daun+jarak&gbv=2&tbm=isch&tbnid=YqbGLMIm0cy2YM%3A&imgrefurl=http%3A%2F%2Fannunaki.wordpress.com%2F2010%2F09%2F23%2Fmembesarkan-penis-dengan-daun-jarak%2F&docid=r_21GhvnX8lfyM&w=448&h=336&ei=G_svTp3GEIbsrQfhk-W7Cw&zoom=1&iact=hc&vpx=152&vpy=112&dur=739&hovh=194&hovw=259&tx=114&ty=95&page=1&tbnh=126&tbnw=195&start=0&ndsp=14&ved=1t%3A429%2Cr%3A0%2Cs%3A0&biw=1034&bih=570 1
google.co.id/imgres?q=lukisan+berhantu&prmdo=1&tbs=itp%3Aface&tbm=isch&tbnid=q2AldiCMWED32M%3A&imgrefurl=http%3A%2F%2Fannunaki.wordpress.com%2F2010%2F03%2F05%2Flukisan-berhantu-dari-e-bay%2F&docid=HZ4wi_At6PE0yM&w=400&h=300&ei=mO8vTqetCuKhmQXK88wt&zoom=1&iact=hc&vpx=181&vpy=115&dur=726&hovh=194&hovw=259&tx=180&ty=127&page=1&tbnh=136&tbnw=181&start=0&ndsp=22&ved=1t%3A429%2Cr%3A0%2Cs%3A0&biw=1360&bih=603 1
google.co.id/imgres?q=olahraga+membentuk+bokong&um=1&sa=N&tbm=isch&tbnid=T1h6sn6siZHD1M%3A&imgrefurl=http%3A%2F%2Fannunaki.wordpress.com%2F2010%2F12%2F29%2Ftips-mendapatkan-bokong-sexy%2F&docid=Yb3QxgWGT3z6gM&w=195&h=195&ei=6bkvTq_yCoPZiAL377kr&zoom=1&iact=hc&vpx=478&vpy=124&dur=5872&hovh=156&hovw=156&tx=93&ty=100&page=1&tbnh=112&tbnw=112&start=0&ndsp=10&ved=1t%3A429%2Cr%3A2%2Cs%3A0&biw=1016&bih=402 1
google.co.id/imgres?q=pulau+jawa&tbm=isch&tbnid=_54X5gaLn95wLM%3A&imgrefurl=http%3A%2F%2Fannunaki.wordpress.com%2F2010%2F04%2F08%2Fhakekat-tuhan-menurut-orang-jawa%2F&docid=kH0IjbjMIQQAOM&w=774&h=247&ei=K8gvTsiCNMTqrQfCqIG-Cw&zoom=1&biw=1366&bih=655 1
google.co.id/imgres?q=banner&biw=1366&bih=542&gbv=2&tbm=isch&tbnid=NSssmT4rmfm_YM%3A&imgrefurl=http%3A%2F%2Fannunaki.wordpress.com%2F2011%2F06%2F22%2Fcara-buat-pixel-banner%2F&docid=vYI9YvlNmjDinM&w=310&h=380&ei=Dg0wTrS_Ho7srQfkwoDACw&zoom=1&iact=rc&dur=402&page=1&tbnh=112&tbnw=90&start=0&ndsp=24&ved=1t%3A429%2Cr%3A7%2Cs%3A0&tx=16&ty=32 1
google.co.id/imgres?q=penis&hs=jdj&sa=X&tbm=isch&tbnid=8SZS4R9kjIYxJM%3A&imgrefurl=http%3A%2F%2Fannunaki.wordpress.com%2F2010%2F05%2F04%2Fpembesaran-penis-perlukah%2F&docid=7C47ebVpxxWkKM&w=380&h=380&ei=4gUwTr9BycutB5q7mcsK&zoom=1&iact=hc&vpx=304&vpy=230&dur=16193&hovh=225&hovw=225&tx=154&ty=196&page=13&tbnh=120&tbnw=120&start=179&ndsp=15&ved=1t%3A429%2Cr%3A1%2Cs%3A179&biw=1024&bih=569 1

Menurut para pakar SEO, alt tag adalah cara agar search engine seperti Google dapat ‘membaca’ gambar tersebut. Search engine tidak dapat secara otomatis mengetahui maksud dari sebuah gambar jika ia tidak diberitahu oleh kita. Jika sebuah gambar secara deafult bernama DSC00009778p.JPG (bawaan dari digital camera) dan gambar ini kita upload ke blog tanpa diberikan alt tag, maka Google tetap akan membaca gambar tersebut sebagai DSC00009778p which has no value or meaning at all!

Tapi jika kita menambahkan alt tag “Lukisan Affandy” pada gambar tersebut (memang ini adalah foto dari lukisan Affandy), maka Google akan segera mengerti maknanya. Jika nanti ada user yang mengetikkan kata kunci “Lukisan Affandy”, gambar tersebut juga akan ikut ditampilkan dalam hasil pencarian gambar.

Bagaimana menambahkan Alt Tag pada Gambar ?

Misalnya anda sedang menulis sebuah artikel bertema “tutorial wordpress”. Di dalam artikel itu akan ditambahkan sebuah gambar. Kode HTML sebuah link gambar yang kita tampilkan di blog secara deafult adalah seperti ini :

<p><img src=”http://annunaki.files.wordpress.com/2011/03/roda-wordpress.gif”/></p>

dan nanti hasilnya adalah seperti ini:

agar gambar ini dapat mendukung tema dan keyword tulisan anda, berikan alt tag + title pada kode HTML-nya:

<p><img title=”tutorial wordpress | belajar wordpress”src=”http://annunaki.files.wordpress.com/2011/03/roda-wordpress.gif”alt=”tutorial wordpress terbaru”/></p>

Gampang sekali kan? Yang dibold warna merah adalah title dan alt tag. Tambahkan mereka dalam setiap gambar yang anda tambahkan ke postingan dan halaman blog anda. Hasilnya nanti seperti ini:

tutorial wordpress

gambarnya sih tetap seperti biasa, tapi jika anda menyorotkan mouse ke gambar, ada description title-nya. Alt tag-nya sendiri tidak terbaca oleh kita melainkan oleh search engine.

Untuk menambahkan description title dan alt tag di blog berbasis wordpress amat mudah. Ini caranya:

  1. Login ke Admin WordPress anda.
  2. Pada sisi kiri halaman  klik menu [Post] > [Add New].
  1. Dan akan tampil halaman ‘Add New Post’.
  2. Silahkan mulai menulis pada mode [Visual].
  3. Letakkan kursor di area penulisan dan kemudian klik icon [Add a Image].
  4. Pada tab ‘From Computer’, klik tombol [Select Files] untuk mengambil gambar di dalam komputer pribadi anda. Tab ‘From URL’ untuk mengopy image location gambar dari web/blog lain ke dalam postingan anda
  5. Setelah gambar berhasil ter-upload akan tampil menu pengaturan sebagai berikut:
tutorial wordpress terbaruyou see?

Perhatikan 2 kolom teratas. Kolom Title di kode HTML-nya adalah ini: img title=”tutorial wordpress | belajar wordpress” sedangkan kolom Alternate Text di kode HTML-nya adalah ini: alt=”tutorial wordpress terbaru”. jadi Alternate text ini adalah alt tag. Kolom caption menurut saya  tidak perlu diisi, tapi ada juga yang menyatakan perlu. Kalo kolom tsb diisi maka gambarnya mempunyai teks tambahan seperti kata: you see?

Gampang sekali kan? Segera tambahkan Alt Tag pada gambar-gambar di blog anda !

Sumber gambar dan sebagian tutorial : dari masbro Bootingskoblog

Iklan

Tentang history55education

Blog Education and History Renaissance
Pos ini dipublikasikan di Info Blog, Tutorial dan tag . Tandai permalink.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s