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. 


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

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:
  • Konten tag meta tidak tampak pada browser.
  • Tag meta hanya digunakan untuk memberikan penambahan informasi tentang dokumen HTML.
  • Tag meta ditambahkan ke dokumen html dengan tujuan untuk melakukan optimisasi mesin pencari.
  • 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


Meta deskripsi merupakan elemen penting dalam pengembangan situs web, yang berfungsi memberikan gambaran singkat mengenai isi halaman tersebut. Dalam pengembangan halaman web menggunakan HTML, tag meta memiliki peran yang sangat vital dalam memastikan halaman tersebut dapat ditemukan dengan mudah oleh mesin pencari serta memberikan informasi yang relevan kepada pengunjung. Salah satu fungsi utama tag meta adalah menyertakan deskripsi singkat yang biasanya tampil di hasil pencarian mesin pencari seperti mesin pencari utama atau platform lainnya.

Tag meta berada di dalam bagian kepala dokumen HTML, yang menyimpan informasi yang tidak langsung tampil pada tampilan pengguna namun sangat berguna bagi optimasi mesin pencari dan pengaturan halaman web. Dengan menggunakan tag meta deskripsi, pengembang dapat memastikan bahwa informasi yang ditampilkan dalam hasil pencarian relevan dan mampu menarik perhatian pengguna untuk mengunjungi halaman web tersebut. Meta deskripsi sering kali menjadi hal pertama yang dibaca oleh pengguna di halaman hasil pencarian, sehingga penulisannya harus menarik dan mencerminkan isi halaman dengan jelas.

Secara umum, tag meta deskripsi memberikan informasi tentang isi halaman web yang bersifat deskriptif. Biasanya, meta deskripsi digunakan untuk memberikan gambaran singkat mengenai topik atau subjek yang dibahas pada halaman web tersebut. Mesin pencari seperti Google akan membaca meta deskripsi untuk menilai relevansi halaman dengan kata kunci pencarian yang dimasukkan oleh pengguna. Oleh karena itu, penulisan meta deskripsi harus sangat cermat dan mencerminkan inti dari halaman secara ringkas, padat, dan jelas.

Untuk mendapatkan manfaat maksimal dari meta deskripsi, terdapat beberapa hal yang perlu diperhatikan. Salah satunya adalah panjang dari deskripsi itu sendiri. Meta deskripsi yang ideal biasanya memiliki panjang antara 150 hingga 160 karakter. Ini karena mesin pencari hanya akan menampilkan deskripsi dengan panjang tersebut. Apabila deskripsi lebih panjang dari batas ini, mesin pencari akan memotongnya, sehingga bagian yang terpotong bisa saja mengurangi makna atau kesan yang ingin disampaikan. Oleh karena itu, penulisan meta deskripsi harus dilakukan dengan memerhatikan panjang karakter, agar dapat memberikan informasi yang maksimal dalam ruang yang terbatas.

Dalam hal penggunaan kata kunci, tag meta deskripsi dapat dimanfaatkan untuk mencantumkan kata kunci yang relevan dengan isi halaman. Meskipun mesin pencari tidak menjadikan meta deskripsi sebagai faktor penentu peringkat halaman, deskripsi yang mengandung kata kunci yang relevan dapat mempengaruhi klik pengguna. Ketika deskripsi tersebut sesuai dengan pencarian yang dimaksud, pengguna lebih mungkin tertarik untuk mengunjungi halaman tersebut. Oleh karena itu, pemilihan kata kunci yang tepat dan relevan sangat penting agar meta deskripsi dapat efektif.

Sebagai bagian dari optimasi mesin pencari, meta deskripsi memiliki peran dalam meningkatkan visibilitas halaman web di mesin pencari. Mesin pencari menggunakan informasi dalam meta deskripsi untuk menentukan relevansi halaman dengan kata kunci pencarian tertentu. Oleh karena itu, pengembang harus memastikan bahwa deskripsi yang digunakan memadai dan jelas, serta mencakup kata kunci yang berhubungan dengan topik utama halaman web. Hal ini juga akan membantu memastikan bahwa pengguna yang mencari informasi serupa dapat menemukan halaman dengan lebih mudah.

Selain itu, penulisan meta deskripsi yang baik juga berfungsi untuk menarik perhatian pengguna. Deskripsi yang menarik dan relevan dapat mendorong lebih banyak pengguna untuk mengklik tautan tersebut di hasil pencarian. Oleh karena itu, meta deskripsi perlu dioptimalkan agar dapat menyampaikan pesan yang jelas dan mengundang pengguna untuk menjelajahi lebih lanjut. Deskripsi yang ringkas, padat, dan langsung menuju inti dapat meningkatkan kemungkinan pengguna tertarik untuk mengunjungi halaman yang bersangkutan.

Namun, perlu diingat bahwa meskipun meta deskripsi dapat mempengaruhi tingkat klik pada hasil pencarian, ini tidak secara langsung memengaruhi peringkat halaman di mesin pencari. Peringkat halaman lebih banyak dipengaruhi oleh faktor lain seperti kualitas konten, struktur halaman, dan faktor teknis lainnya. Walaupun begitu, meta deskripsi tetap menjadi komponen yang penting dalam keseluruhan strategi optimasi mesin pencari. Dengan menggabungkan meta deskripsi yang menarik dan relevan dengan konten yang berkualitas, situs web memiliki peluang lebih besar untuk ditemukan oleh pengguna yang tepat.

Selain itu, ada baiknya untuk menghindari penggunaan meta deskripsi yang terlalu umum atau tidak menggambarkan dengan akurat isi halaman. Deskripsi yang terlalu umum atau tidak relevan dengan konten yang ada justru dapat mengecewakan pengunjung dan mengurangi tingkat kepercayaan pengguna terhadap halaman tersebut. Oleh karena itu, penting untuk memastikan bahwa deskripsi yang ditulis mencerminkan dengan tepat isi dari halaman web yang bersangkutan. Deskripsi yang terlalu panjang atau tidak berfokus pada topik utama juga sebaiknya dihindari, karena dapat menyebabkan informasi yang diberikan menjadi kabur atau tidak fokus.

Peran meta deskripsi dalam optimasi mesin pencari semakin penting seiring dengan berkembangnya algoritma mesin pencari. Meskipun tidak menjadi faktor utama dalam peringkat halaman, meta deskripsi tetap berfungsi untuk memengaruhi persepsi pengguna terhadap halaman yang ditemukan dalam hasil pencarian. Deskripsi yang relevan dan menarik dapat meningkatkan rasio klik-tayang (CTR) halaman web, yang pada gilirannya dapat memberikan dampak positif terhadap kinerja situs secara keseluruhan.

Secara keseluruhan, membuat meta deskripsi yang efektif merupakan bagian penting dari strategi optimasi mesin pencari. Meskipun hanya memberikan gambaran singkat mengenai halaman, deskripsi ini memiliki potensi besar dalam menarik perhatian pengguna dan meningkatkan visibilitas halaman di mesin pencari. Oleh karena itu, pengembang web perlu memberikan perhatian khusus pada pembuatan meta deskripsi, memastikan bahwa deskripsi tersebut tidak hanya relevan dan menarik, tetapi juga sesuai dengan konten halaman secara keseluruhan. Dengan menggunakan meta deskripsi yang tepat, halaman web dapat lebih mudah ditemukan oleh pengguna yang mencari informasi yang relevan, sehingga dapat meningkatkan jumlah kunjungan dan pengunjung yang tertarik.

Artikel ini akan dibaca oleh: 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 -