Fungsi utama dari tag <meta> adalah untuk memberikan informasi mengenai halaman HTML yang saati ini sedang ditampilkan. Tag ini ditujukan bukan untuk pengunjung website, tetapi kepada web browser dan mesin pencari.
Penulisan meta tag adalah seperti berikut ini: <meta … />. Meta tag ini merupakan tag yang berdiri sendiri, atau disebut juga self-closing tag.
Meta Charset
<meta charset="UTF-8">
Tag ini berfungsi untuk memberi instruksi kepada web browser tentang bagaimana cara menterjemahkan karakter-karakter yang ada di dalam halaman HTML. Arti dari Charset tersendiri adalah kumpulan kode-kode bit komputer dengan pasangan karakter yang harus ditampilkan.
UTF-8 merupakan kepanjangan dari (Unicode Transformation Format-8). Arti dari kode tersebut adalah kode HTML yang diinput mendukung semua karakter yang ada sampai saat ini.
Meta Author, Keyword, dan Description
Tag ini berfungsi mempermudah mesin pencari dalam mencari sebuah informasi sebuah halaman web yang dibuat. Jadi ketiga tag ini penting untuk SEO.
Secara umum ketiga tag ini memiliki 2 atribut yaitu name untuk jenis informasi, dan content untuk isi informasinya.
<meta name="author" content="XXXX">
Baris kode tersebut memberitahu mesin pencari bahwa web yang dibuat merupakan milik dari XXXX.
<meta name="keyword" content="Belajar HTML, Penjelasan Tag Meta">
Baris tersebut berarti memberitahu web browser kata kunci dari halaman website yang dibuat. Yaitu halaman web tersebut memiliki kata kunci "Belajar HTML" dan "Penjelasan Tag Meta"
<meta name="description" content="Tag Meta berfungsi untuk memberikan informasi mengenai halaman HTML yang saat ini sedang ditampilkan.">
Meta Description menjelaskan atas kata kunci yang dibuat. Contoh apabila di dalam Meta Keyword memberikan content "Tag Meta". Berarti di Meta description harus menjelaskan secara singkat tentang "Tag Meta".
Meta Refresh
<meta http-equiv="refresh" content="120">
Berarti halaman website tersebut akan refresh tiap 120 detik atau 2 menit.
Fungsi utama dari Meta ini adalah untuk merefresh halaman web secara otomatis. Umumnya Meta ini digunakan terhadap situs yang diupdate dengan sangat cepat seperti situs berita. Dengan demikian isi website yang dimuat akan selalu terupdate. Meta Refresh membutuhkan atribut http-equiv dengan nilai refresh, dan atribut content yang berisi angka dalam satuan detik.
Meta X-UA-Compatible
<meta http-equiv="X-UA-Compatible" content="IE=edge">
Meta Tag X-UA-Compatible digunakan untuk menangani permasalahan terkait web browser Internet Explorer. Tag ini akan memaksa IE (Internet Explorer) untuk tidak masuk ke mode compatible view. Compatible view merupakan mode yang aktif ketika halaman web diakses dari komputer lokal atau intranet.
Meta Viewport
<meta name="viewport" content="width=device-width, initial-scale=1">
Meta viewport biasanya digunakan pada web dengan desain responsive. Secara garis besar, meta tag viewport ditambahkan agar desain responsive dapat tampil sempurna layar berukuran berbeda (seperti tablet atau smartphone).
Meta Robots
<meta name="robots" content="index, follow">
Meta tag robots digunakan untuk memberi pesan kepada mesin pencari apakah halaman web ditampilkan atau tidak. Jika nilai atribut content adalah "index, follow" maka mesin pencari akan mengindeks halaman tersebut (dimasukkan kedalam mesin pencari).
Namun jika nilai atribut content adalah "noindex, nofollow", maka isi web tidak akan dimasukkan ke hasil pencarian.
https://patukom.blogspot.com/2016/10/penjelasan-tag-meta.html
