Apa itu Meta
Definisi & Penggunaan
Tag <meta/> merupakan bentuk informasi yang berupa tag yang berisi data inti (metadata) dari sebuah dokumen HTML / halaman web.
Tag <meta/> berisi / berbentuk markup cuplikan suatu data yang tidak tersusun.
Tag <meta/> umumnya diletakkan didalam tag <head/>.
Tag <meta/> tidak ditampilkan secara visual dihalaman web.
Fungsi meta
Penggunaan secara umum, tag <meta/> difungsikan untuk memberikan cuplikan informasi dasar dari sebuah halaman HTML, diantaranya yang paling berperan penting adalah sbb :- set karakter :
<meta charset="UTF-8"> - deskripsi halaman :
<meta name="description" content="Deskripsi halaman"> - kata kunci :
<meta name="keywords" content="kata kunci pencarian"> - penulis :
<meta name="author" content="Nama Penulis"> - viewport :
<meta name="viewport" content="width=device-width, initial-scale=1.0"> - meta alternatif :
Meta alternatif ini adalah metadata lainnya yang dibutuhkan untuk halaman. Karena metadata selain yang tertera diatas, sifatnya menyesuaikan kebutuhan. Dan selain metadata yang tersebut diatas masih banyak lagi metadata lainnya misal meta robot, verifikasi, meta:og dll.
<meta name="nama-data" content="isi-meta">
Kesimpulan
Tag meta merupakan sebuah tag HTML yang berfungsi untuk mengumpulkan cuplikan penting atau data-data inti dari suatu halaman web. Sehingga data yang berasal dari meta ini tidak tersusun sebagaimana mestinya karena setiap tag hanya memuat satu jenis data. Dan informasi data yang dikumpulkan dengan tag meta ini tidak memiliki spesifikasi khusus. Namun datanya bersifat mendasar.
Dari kesimpulan tag meta diatas apabila dibandingkan dengan data terstruktur (Rich Snippet) maka perbedaannya adalah pada struktur / susunannya. Sesuai seperti namanya, informasi yang dimuat dalam data terstruktur pada dasarnya adalah data yang sama, akan tetapi tersusun / terstruktur berurutan dan memiliki spesifikasi khusus misal : Data terstruktur Artikel, Breadcrumb, Carausel dst.
Contoh penggunaan meta dalam template HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="description" content="Author: A.N. Penulis, Illustrator: P. Picture, Category: Books, Price: £9.24, Length: 784 pages" />
<meta name="google-site-verification" content="+nxGUDJ4QpAZ5l9Bsjdi102tLVC21AIh5d1Nl23908vVuFHs34=" />
<title>Tulisan Percontohan - Penulisan metode terbaik untuk anak.</title>
<meta name="robots" content="noindex,nofollow" />
</head>
</html>