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

42 comments:

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

    ReplyDelete
  2. 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
  3. @ Website Gratis: biasany di website host gambar, seperti Flickr, google picasa, itu bisa dgn bebas diambil gambarny koq..

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

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

    ReplyDelete
  5. 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
  6. thanks mas,,, baru ngerti aku,,,

    ReplyDelete
  7. 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
  8. Setelah membaca dari ats kebawah atribut2 itu memang sangat berguna ternyata....

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

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

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

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

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

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

    ReplyDelete
  14. Terimakasih infonya! ^_^

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

    ReplyDelete
  16. This comment has been removed by the author.

    ReplyDelete
  17. Mantap gan

    http://pertaniankonservatif.blogspot.com

    ReplyDelete
  18. Halo Semuanya, Saya Mau Rekomendasiin situs Game Kartu Online uang asli yaitu: DESAQQ

    8 Permainan Dalam 1 User ID.

    ♣ Poker
    ♥ Bandar Poker
    ♣ Bandar Q
    ♥ Adu Q
    ♣ Domino 99
    ♥ Capsa Susun
    ♣ Sakong
    ♥ Bandar66 ( Permainan Terbaru )

    ♣ Minimal Deposit : Rp. 20.000
    ♥ Minimal Tarik Dana : Rp. 20.000

    Ayo Gabung bersama DESAQQ dan Nikmati Berbagai HOT Promonya :

    ♣ Bonus Jackpot Jutaan yang mudah di dapat Setiap harinya.
    ♥ Bonus Rollingan/Cashback 0,4% (Setiap Senin jam 15.00 WIB)
    ♣ Bonus Referral 20% Seumur Hidup ( Klain Hari Selasa ) *syarat & ketentuan berlaku.

    DESAQQ Juga menerima Deposit Dari Semua Bank Lain (Sinarmas, Panin Bank, Maybank, Syariah, DLL) dan Emoney (T-Cash, Paypro, Rekenin Ponsel, Doku Wallet).

    Agar tidak terjadi salah transfer di harapkan selalu KOMFIRMASI nomor rekening tujuan transfer kami melalui LIVECHAT ya bos. Nomor rekening dapat berubah sewaktu-waktu.

    Untuk Deposit pada Jam OFFLINE diharapkan transfer menggunakan nominal unik, Contoh : Rp 20.123

    Untuk Informasi lebih lanjut Silahkan Hubungi CS Kami.
    WA : +6281287806446
    LINE : DESAQQ
    BBM : 5571D859
    INSTAGRAM : DESA.QQ

    Terimah kasih :)

    ReplyDelete
  19. untuk keterangan deskripsi itu diisi dengan apa?

    ReplyDelete
  20. [img]https://i.imgur.com/LxEDSzI.png[/img]

    Halo guys untuk kalian yang sedang mencari situs game casino dan slot online yang sedang mencari situs game online yang memberikan promo menarik kalian bisa mencoba bermain bersama kami BVGaming yang memberikan promo menarik untuk kalian semua, tidak hanya promo itu saja ada banyak sekali promo yang bisa kalian dapatkan.

    * Bonus Welcome New Member 15% Untuk Semua Permainan

    * Bonus Daily Reload 10% Slot Online

    * Bonus Daily Reload 5% SPORTSBOOKS

    * Bonus Daily Reload 5% Sabung Ayam Online

    * Bonus Daily Reload 5% Live Casino

    * Bonus 8x/9x/10x Win Streak Sabung Ayam

    * Bonus Cashback Sportbooks & Sabung Ayam Online CASHBACK 5 – 10%

    * Bonus Rollingan Permainan Live Casino & Slot Sampai Dengan 1%

    * Bonus Special Referral BVGaming

    DAFTARKAN DIRI ANDA SEKARANG JUGA DAN DAPATKAN BONUS TERBESAR YANG KAMI BERIKAN

    https://linktr.ee/BVGaming30


    ReplyDelete