Belajar Dasar HTML Part 17 - Mengenal Fungsi Tag Meta Pada HTML

Febri Hidayan Komentar

Belajar Dasar HTML Part 17 - Mengenal Fungsi Tag Meta Pada HTML

Sebelumnya kita suda belajar tentang penggunaan Tag span dan div, selanjutnnya kita akan mengenal Tag meta apa sih kegunaan dari tag ini. Silakan baca deskripsi lengkapnya.

Mengenal Fungsi Tag Meta Pada HTML

Kegunaan dari tag meta ialah sebagai informasi metadata di dalam suatu halaman website, jadi intinya merupakan sebuah informasi yang bisa kita kasi kepada search engine seperti google atau bing. Ada beberapa contoh yang bisa gunakan oleh meta tag, meta tag di simpan di posisi antara pembuka tag <head> dan penutup </head>.

Baca juga: Belajar Dasar HTML Untuk Pemula

Meta Description

Meta ini digunakan untuk deskripsi singkat pada website kita, jadi kita bisa langsung membuatnya dengan mudah.

<meta name="description" content="Description untuk website kita">

Meta Responsive/Mobile

Viewport digunakan untuk memberitahu ke web browsernya kalau website kita merupakan website yang bisa digunakan di beberapa perangkat misalnya komputer, tablet, smartphone. Jadi tampilan website kita menjadi mobile atau responsive

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Meta Author

Pada suatu halaman biasanya ada seorang penulis artikel maka meta ini digunakan untuk menginfokan bawah dia penulis aslinya.

<meta name="author" content="Febri Hidayan">

Meta Robots

Sebagai mesin pencarian biasanya akan mendekteksi halaman web kita dengan cari ini.

<meta name="robots" content="Untuk mengindeksan pada mesin pencarian">

Meta Keywords

Dalam membuat artikel pasti ada beberapa kata kunci yang harus kita tetapkan pada artikel yang kita buat. Jadi kita bisa menerapkan kata kunci sesuai judul atau isi dari artikel kita.

<meta name="keywords" content="HTML, CSS, PHP, jQuery, Bootstrap">

Meta generator

Meta generator merupakan informasi yang digunakan sebagaimana website kita menggunakan CMS apa misalnya. Disini saya menggunakan WordPress untuk membuat website.

<meta name="generator" content="WordPress 4.9.4" />

Meta Verifikasi Google

Membuat website kita harus mendaftarkan website kita ke mesin pencarian seperti google ang satu ini, meta tag ini khusus buat google sebagai verifikasi.

<meta name="google-site-verification" content="...Key... " />

Meta Verifikasi Bing

Bukan hanya google yang memiliki verifikasi tersendiri bing salah satu mensin pencarian juga menggunakan meta tag tersendiri sebagai verifikasinya.

<meta name="msvalidate.01" content="...Key..." />

Meta Application

Pada saat mempromosikan aplikasi maka meta tag ini bisa kita gunakan sebagai kata kunci yang sesuai dengan nama aplikasi yang kita buat.

<meta name="application-name" content="Aplikasi yang kita buat dalam halaman web kita">

Mungkin itu saja yang bisa kita pelajari tentang meta tag, semoga artikel kita kali ini bisa memberikan masukan yang lebih luas dan sampai jumpa ditutorial selanjutnya.

Baca juga: Belajar Dasar HTML Part 18 - Mengenal Fungsi Id dan Class Pada HTML

Category HTMLTags Dasar HTML


Mari Tinggalkan Komentar

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *