Atribut HTML title: Membuat Text Tampil Saat Kursor pada Elemen

Kegunaan atribut title html

Definisi dan penggunaan atribut title

Atribut title memberikan keterangan tambahan pada elemen. Text yang dimasukkan pada atribut title ini akan terlihat ketika kursor diletakkan diatas elemen yang bersangkutan.

Tipe atribut title

Atribut global HTML

Sintak

<elemen title='value'>
  <!-- konten -->
</elemen>

Keterangan
  • value adalah berupa text apa saja yang mendeskripsikan/menjelaskan elemen.


Best Practice Atribut title

Atribut title banyak digunakan untuk banyak kasus. Berikut adalah contoh-contoh penggunaan atribut title yang sering diterapkan oleh para developer:

  • Pada elemen link Atribut title banyak digunakan pada elemen a (membuat link). Atribut ini sangat direkomendasikan dalam pembuatan link dengan anchor text (text yang tampil untuk mewakili link) yang tidak begitu mendeskripsikan tujuan link. Perhatikan contoh berikut:

    <a href='https://www.wiblogger.com' title='Kunjungi wiBlogger.com'>
      Klik di sini
    </a>

    Pada kode diatas, anchor link adalah berupa text Klik di sini. Ini tentu kurang mendeskripsikan apa yang terdapat pada link. Dengan mendefinisikan link melalui atribut title, kita dapat membantu mesin pencari dalam memahami apa yang terdapat pada link. Praktek ini juga salah satu praktek SEO On-Page yang selalu diterapkan para pelaku SEO.

    Bagaimana jika anchor link yang dibuat sudah mendeskripsikan link tujuan?

    Direkomendasikan tetap mendefiniskan atribut title

  • Pada elemen img (gambar) Praktek atribut title yang lebih umum lagi digunakan adalah pada pembuatan gambar. Seperti yang telah saya disinggung pada artikel Belajar SEO Pemula, dibutuhkan praktek tambahan untuk dapat membuat mesin pencari mengerti "tentang apa" gambar yang ditampilkan pada sebuah halaman. Untuk tujuan ini, selain menggunakan atribut alt, atribut title juga akan sangat membantu. Umumnya kedua atribut ini (alt dan title) didefinisikan pada elemen gambar untuk memperkuat SEO On-Page.

    <img src='/blogger.png' title='Logo blogger' alt='Logo blogger'/>

Bagikan ke:

Tambahkan komentar untuk:

Atribut HTML title: Membuat Text Tampil Saat Kursor pada Elemen
Butuh bantuan ?
Bagi anda yang memiliki pertanyaan seputar blogging atau hal lainnya yang masih berhubungan dengan situs wiBlogger.com ini, anda bisa menghubungi kami melalui email.

Khususnya untuk Blogger Template, anda bisa bergabung ke grup facebook untuk belajar dan diskusi bersama para pengguna blogger.com lainnya.

Blogger Template

×
Jangan tampilkan lagi