Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / html

Membuat Meta Deskripsi HTML Menggunakan Tag META

Dipublikasikan Oleh: elfanmauludi 5 komentar
Metadata berarti informasi tentang data pada dokumen HTML. Tag meta pada html memberikan informasi tentang dokumen html atau memberikan informasi penting tentang suatu dokumen. Tag ini pada dasarnya digunakan untuk menambahkan pasangan nama atau nilai untuk menggambarkan properti dokumen HTML, seperti tanggal kadaluwarsa, nama penulis, daftar kaya kunci, penulis dokumen, dan lain sebagainya. 

5 Contoh Penggunaan Tag Meta untuk Pembuatan Meta Deskripsi HTML
Ilustrasi Meta Deskripsi HTML

Sebelum memahami lebih dalam materi tentang Membuat Meta Deskripsi HTML Menggunakan Tag META, terlebih dahulu pelajari materi tentang: Membuat Daftar HTML Menggunakan Tag LIST [klik], Membuat Judul HTML Menggunakan Atribut Title HTML [klik], dan Membuat Label Teks HTML Menggunakan Tag Label [klik].

Tag meta merupakan elemen kosong karena hanya memiliki tag pembuka dan tidak memiliki tag penutup, tetapi membawa informasi dalam nilai atributnya. Dokumen web dapat menyertakan satu atau beberapa tag meta bergantung pada informasi, tetapi secara umum tidak memengaruhi tampilan fisik dari dokumen itu sendiri.

Sintak:
<meta attribute-name="value">

  • name: digunakan untuk mendefinisikan nama dari properti.
  • http-equiv: digunakan untuk mendapatkan respon pesan header dari http.
  • content: digunakan untuk menentukan nilai properti.
  • charset: digunakan untuk menentukan karakter encoding untuk file html.

Key Point:
  1. Konten tag meta tidak tampak pada browser.
  2. Tag meta hanya digunakan untuk memberikan penambahan informasi tentang dokumen HTML.
  3. Tag meta ditambahkan ke dokumen html dengan tujuan untuk melakukan optimisasi mesin pencari.
  4. Tag meta ditambahkan di dalam tag <head>.


Contoh: tag meta digunakan untuk menentukan keyword penting yang berhubungan dengan dokumen html.

<!DOCTYPE html>

<html>

 

<head>

<meta 

name = "keywords"

content = "Meta Tags, Metadata"/>

</head>

 

<body>

<p>

Selamat Pagi Penderitaan!

</p>

</body>

 

</html>

Output:
Selamat Pagi Penderitaan!

Contoh: tag meta digunakan pada dokumen html untuk menyediakan deskripsi singkat dari dokumen itu sendiri.

<!DOCTYPE html>

<html>

 

<head>

<meta 

name = "keywords"

content = "Meta Tags, Metadata" />

 

<meta 

name = "Deskripsi"

content = "Blog Portal Komputer." />

</head>

 

<body>

<p>

Blog Elfan

</p>

</body>

 

</html>

Output:
Blog Elfan

Contoh: tag meta digunakan untuk memberikan informasi tentang informasi pembaruan dokumen, dimana informasi tersebut digunakan oleh berbagai web browser ketika dilakukan refreshing.

<!DOCTYPE html>

<html>

 

<head>

<meta 

name = "keywords"

content = "Meta Tags, Metadata" />

 

<meta 

name = "description"

content = "Belajar Meta Tags." />

 

<meta 

name = "revised detail"

content = "Waktu Update Terakhir" />

</head>

 

<body>

<p>

Blog Elfan

</p>

</body>

 

</html>

Output:
Blog Elfan

Contoh: tag meta digunakan untuk menentukan durasi setelah web page melakukan refresh otomatis selama waktu yang telah ditentukan. Kode refresh web page pada contoh program dilakukan setiap 8 detik.

<!DOCTYPE html>

<html>

 

<head>

<meta 

name = "keywords about"

content = "Meta Tags, Metadata" />

 

<meta 

name = "description"

content = "Learning about Meta Tags." />

 

<meta 

name = "revised about"

content = "BonsforBons" />

 

<meta 

http-equiv = "refresh" 

content = "8" />

</head>

 

<body>

<p>

Blog Elfan

</p>

</body>

 

</html>

Output:
Blog Elfan

Contoh: tag meta digunakan untuk mengatur nama pengarah pada halaman website html.

<!DOCTYPE html>

<html>

 

<head>

<meta 

name = "keywords used "

content = "Meta Tags, Metadata" />

 

<meta 

name = "description about"

content = "Meta tags learning." />

 

<meta 

name = "author" 

content = "Akash Kumar17" />

</head>

 

<body>

<p>

Blog Elfan

</p>

</body>

 

</html>

Output:
Blog Elfan

Artikel ini didedikasikan kepada: Faradian Salsabella Fasaytri, Fiman Hadit Muttaqin, Hana Wandari, Hibatullah Nabil Gustiananda, dan Indah Fiyanti Putri.
Location: Semarang, Kota Semarang, Jawa Tengah, Indonesia

5 komentar untuk "Membuat Meta Deskripsi HTML Menggunakan Tag META"

  1. AnonimMinggu, 20 Juni 2021 pukul 16.19.00 WIB

    Apa yang dimaksud dengan metadata pada html?

    BalasHapus
    Balasan
    1. AnonimMinggu, 20 Juni 2021 pukul 16.20.00 WIB

      Tag meta mendefinisikan metadata tentang dokumen html. Tag meta selalu masuk ke dalam elemen head, dan biasanya digunakan untuk menentukan set karakter, deksripsi halaman, keyword, penulis dokumen, dan pengaturan viewport. Metadata tidak ditampilkan pada halaman website melainkan diurai oleh mesin pencari.

      Hapus
    2. AnonimMinggu, 20 Juni 2021 pukul 16.21.00 WIB

      Meta tag memberikan informasi tentang halaman web dalam dokumen HTML yang kemudian dibaca oleh mesin pencari pada internet.

      Hapus
  2. AnonimMinggu, 20 Juni 2021 pukul 16.24.00 WIB

    Bagaimana cara menambahkan tag meta pada dokumen html?

    BalasHapus
    Balasan
    1. AnonimMinggu, 20 Juni 2021 pukul 16.24.00 WIB

      Untuk menambahkan tag meta ke halaman website, maka user perlu mengedit bagian head dari file HTML. Jika file tersebut sudah tersedia pada website, maka user dapat mengunduhnya menggunakan klien FTP dan kemudian mengeditnya menggunakan teks editor.

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -