Metadata pada HTML

  • 0
Metadata adalah sekumpulan data informasi tentang data halaman suatu web.

Untuk tag <meta> pada html tidak akan di tampilkan di halaman suatu web, tetapi itu di gunakan oleh mesin pencari.

Fungsi dari metadata sendiri

  1. Memuat informasi tentang halaman web
  2. Sebagai Keywords untuk mesin pencari

Meta diletakan didalam tag <head>, meta pada HTML berbeda dengan XHTML, pada HTML tag meta tidak memerlukan penutup tetapi pada XHTML tag meta memerlukan penutup.

ketika kita menggunakan DOCTYPE maka meta tag yang harus ada adalah
HTML 4.01:

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

HTML5:

<meta charset="UTF-8">


beberapa contoh metadata yang umum digunakan:

Mendefinisikan keywords untuk mesin pencari:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

Mendefinisikan deskripsi suatu halaman web:
<meta name="description" content="Free Web tutorials on HTML and CSS">

Mendefinisikan pemilik halaman web:
<meta name="author" content="Hege Refsnes">

Merefresh halaman web setiap 30 detik:
<meta http-equiv="refresh" content="30">

More info : w3school


Note:

DO NOT CACHE !!!

Beberapa waktu lalu saya bermasalah dengan cache. Semestinya halaman web memuat image baru, tetapi kenyataanya tidak berubah dan malah menampilkan image lama,ini kemungkinan karena cache image lama tersimpan di browser.

Ada beberapa cara untuk mengatasi ini, yang pertama, hapus cache di browser dengan menekan tombol Ctrl+Shift+Del , atau yang kedua, dengan menggunakan tag meta html:

<meta Http-Equiv="Cache-Control" Content="no-cache">
<meta Http-Equiv="Pragma" Content="no-cache">
<meta Http-Equiv="Expires" Content="0">
<meta Http-Equiv="Pragma-directive: no-cache">
<meta Http-Equiv="Cache-directive: no-cache">

No comments:

Post a Comment