patembe dot com

Bagi Anda yang sudah familiar dengan HTML tentunya sudah tahu tentang image tag <img> yang digunakan untuk menampilkan gambar pada halaman web.

Image tag ini mendukung 2 attribut yang hampir sama yakni alt dan title, fungsi keduanya adalah untuk mendeskripsikan gambar yang ditampilkan.

Ternyata kedua tag ini sangat berperan penting saat menentukan image search rangking pada mesin pencari seperti Google, Yahoo, MSN, dll. Namun terkadang membingungkan kita, apakah kita menggunakan salah satu atau keduanya saat mendeskripsikan sebuah gambar ?

Bagaimana menggunakan attribut ini secara bijak, berikut ini tipsnya :

• Jika Anda hanya ingin menampilkan gambar tanpa diikuti dengan link (sebagai contoh gambar diatas saya hanya menampilkan begitu saja tanpa ada link) sebaiknya Anda hanya menggunakan attribut title pada image tag-nya.

Berikut contoh source gambar diatas :

<img title="4MB" src="http://images.patembe.com/2010/07/logobarupatembecoba.png" alt="" width="165" height="165" />

• Sebaliknya jika Anda menampilkan gambar dengan disisipkan link, selain menggunakan attribut title, sebaiknya gunakan juga attribut alt, sebagai contoh gambar dibawah:

<a title="patembe dot com" href="http://patembe.com"><img title="4MB" src="http://images.patembe.com/2010/07/logobarupatembecoba.png" alt="logo baru patembe" width="165" height="165" /></a>

Jika disimpulkan, sebaiknya Anda menggunakan attribut alt untuk gambar yang berisi link. Tips ini sebenarnya sudah dituliskan oleh Google di Google SEO Guide [.pdf].

if you do decide to use an image as a link, filling out its alt text helps Google understand more about the page you’re linking to.

Saya sendiri sudah mengaplikasikannya pada blog ini, bagaimana dengan Anda ?

- via labnol.org