Ayo Manfaatkan Atribut ALT dan TITLE

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.



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


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 :)