Nggak mau ketinggalan artikel baru Blogger-Holic? Subscribe Sekarang
Hot Categories: Blogger News | Hack | SEO | Tips | Tutorial | more

Ayo Manfaatkan Atribut ALT dan TITLE

4.9.09 | 22 comments

Ok, ini post pertama setelah beberapa minggu vakum. Setelah melewati berbagai rintangan dan ujian :P
akhirnya saya masuk kuliah juga. Inilah post pertama saya di kursi DPR perkuliahan ini.

FYI, sekarang saya kuliah di Institut Teknologi Telkom Bandung. Jadi, buat kamu yang berdomisili di bandung mau ketemu saya bisa diatur jadwalnya. :P
Oiya, saya kuliah di ITTelkom ini ternyata bareng sama si Adnan, yg empunya blog Komputok.

Okay. Enough for the chit-chat. Lets straight to the topic.

Untuk membuat halaman yang SEO friendly memang diperlukan beberapa teknik SEO. Mulai dari yang sederhana sampai yang nge jlimet..
Yup,mulailah dari yang sederhana dulu. Seperti mengefektifkan halaman, baik itu untuk pengunjung ataupun untuk robot spider-nya Search Engine. Misalnya dengan menggunakan atribut ALT dan TITLE. Atribut ini dapat bermanfaat jika kita tahu di mana kita dapat memasang atribut ini dengan efektif.

Beberapa keuntungan yang bisa kita dapat dari atribut ini, diantaranya:

  1. Bisa menambah jumlah keyword sesuai keyword yang kita masukkan ke dalam atribut ALT dan TITLE;
  2. Ketika pengunjung tidak dapat menampilkan gambar pada web browsernya, atribut ALT akan muncul;
  3. Dapat menyediakan informasi tambahan terhadap pengunjung dengan menggunakan atribut TITLE.

Atribut ALT dan TITLE ini sangat mudah untuk menambahkannya. Misalnya pada kode HTML gambar:
<img src="sumber gambar" alt="masukkan teks alternatif di sini" title=" masukkan informasi tambahan di sini" />


Kedua atribut ini akan memberikan informasi tambahan untuk page element. Atribut ALT akan muncul saat gambar tidak bisa di-load. Sedangkan atribut TITLE akan muncul saat kursor mouse kita hover di atas gambar tsb. Gambar di bawah ini adalah contoh penggunaan atribut ALT. Ketika gambar gagal di-load, atribut ALT akan muncul.

ini atribut ALT

Coba letakkan kursor mouse di atas gambar ini untuk melihat fungsi atribut TITLE.
ini atribut ALT

Atribut TITLE ini, selain dapat digunakan pada gambar juga bisa digunakan pada link, table, form, dll. (Baca juga: Membuat HTML Link ) Contoh penggunaan atribut TITLE pada link:
<a href="Link tujuan" title=" masukkan informasi tambahan di sini" />

Coba letakkan kursor mouse di atas link ini:
Blogger-Holic

Sebisa mungkin gunakan kedua atribut ini pada page element, terutama atribut ALT pada gambar, karena akan berguna bila web browser gagal me-load gambar atau pengunjung menon-aktifkan gambar.

That’s it. A simple way to make a better page :)

22 comments:

  1. betul, simple tapi bermanfaat. Alt tips akan saya coba, tapi dimana mendapatkan gambar gratis tanpa copyright?

    ReplyDelete
  2. Blog anda OK dan unik Banget!. Submit tulisan anda di Kombes.Com Bookmarking, Agar member kami vote tulisan anda. Silakan submit/publish disini : http://bookmarking.kombes.com Semoga bisa lebih mempopulerkan blog/tulisan anda!

    Kami akan sangat berterima kasih jika teman blogger memberikan sedikit review/tulisan tentang Kombes.Com Bookmarking pada blog ini.

    Salam hormat
    http://kombes.Com

    ReplyDelete
  3. Ayo, mau ketemu di mana riz? Di astri?
    hehehe

    BTW, pengunjungku jarang yang datang dari images.google.com...kayaknya gara-gara ngga pernah make tag itu

    ReplyDelete
  4. @ Website Gratis: biasany di website host gambar, seperti Flickr, google picasa, itu bisa dgn bebas diambil gambarny koq..

    —[Adnane]—: emg berpengaruh kayakny nan..

    ReplyDelete
  5. tambahan yang sangat membantu... :)

    ReplyDelete
  6. enyak bener pisan bos tapi emang kadang2 poho jg c soalna males ngeutik2na wkwkwkwkwkwkwkw

    ReplyDelete
  7. Ilmunya mantabb buanget, cocok bwat saya yang baru belajar ngeblog. Saat ini saya cari ilmu bagaimana supaya logo kita tampil di 'new tab'ketika pergi ke URL saya. Misal: di blog ini logonya huruf Bh, Twitter dengan logo huruf t;Blogger.com dengan logo B, dsb.
    Mohon bocorannya dunk..?

    ReplyDelete
  8. thanks mas,,, baru ngerti aku,,,

    ReplyDelete
  9. oalah gini to mas yang di maksud anchor text.. selama ini saya malah gak merhatiin tips yang sderhana tapi bermanfaat banget nih mas... makasi infonya...

    ReplyDelete
  10. Setelah membaca dari ats kebawah atribut2 itu memang sangat berguna ternyata....

    My Blog (Photoshop tutor gratis)
    orlandolab.blogspot.com

    ReplyDelete
  11. Mantab gan,, terimakasih saya lagi belajar SEO nih...

    ReplyDelete
  12. Saya selalu menambahkan tag title dan alt pada gambar....

    ReplyDelete
  13. Oke berarti kita tahu nih bahwa penting sekali ternyata atribut alt pada gambar itu

    ReplyDelete
  14. Terimakasih buat artikel ataupun informasinya sob.. mantab..

    ReplyDelete
  15. makasih banyak buat infonya,, sangat bermanfaat sekali

    ReplyDelete
  16. Terimakasih infonya! ^_^

    ReplyDelete
  17. wih sip bang. lagi belajar juga nih. ternyata penting jg ya mgasi alt dan title di gambar :-)

    ReplyDelete