Metadata Tag Wajib untuk SEO Website

WI
Wilan
3 menit baca
Metadata

Bikin website yang keren itu baru setengah jalan. Tantangan terbesarnya adalah gimana caranya biar website lu muncul di halaman pertama Google pas orang-orang lagi nyari.

Nah, di sinilah SEO (Search Engine Optimization) main peran, dan salah satu senjata rahasianya adalah Metadata Tag.

Metadata ini ibarat “surat pengantar” di dalam kode HTML lu yang ngasih tahu robot Google:

“Eh, web gue ini ngebahas tentang ini lho!”

Biar web lu makin dilirik Google dan ramai pengunjung, ini dia deretan tag metadata wajib yang harus lu pasang, dirangkum pake bahasa santai sehari-hari.


1. Title Tag (Judul Halaman)

Ini adalah tag paling krusial. Judul yang lu tulis di sini bakal muncul di hasil pencarian Google atau SERP, dan juga di tab browser user.

Kodenya:

<title>Cara Jitu Belajar Coding dari Nol untuk Pemula</title>

Tips SEO:

  • Taro kata kunci atau keyword utama di depan.
  • Panjangnya usahain antara 50–60 karakter biar gak kepotong di Google.
  • Bikin yang menarik biar orang penasaran pengen ngeklik atau punya Click-Through Rate yang tinggi.

2. Meta Description (Deskripsi Halaman)

Meta description itu rangkuman singkat tentang isi halaman web lu. Posisinya ada tepat di bawah judul pada hasil pencarian Google.

Kodenya:

<meta name="description" content="Mau belajar coding tapi bingung mulai dari mana? Yuk, simak panduan lengkap belajar coding dari nol khusus buat pemula di artikel ini!">

Tips SEO:

  • Meskipun gak langsung naikin ranking, deskripsi yang bagus bisa bikin orang mau ngeklik.

  • Panjang idealnya sekitar 120–160 karakter.

  • Sertain Call to Action (CTA) halus, seperti:

    • Baca selengkapnya di sini!
    • Yuk, simak!

3. Meta Robots (Sinyal Buat Robot Google)

Tag ini gunanya buat ngasih instruksi ke crawler atau robot mesin pencari, apakah mereka boleh nge-index halaman tersebut atau enggak.

Kodenya:

<meta name="robots" content="index, follow">

Penjelasan:

  • index: “Wahai Google, tolong pajang halaman ini di hasil pencarian.”
  • follow: “Tolong ikuti juga link-link yang ada di dalam halaman ini.”

Kalau ada halaman rahasia, seperti halaman dashboard admin, lu bisa ganti jadi:

<meta name="robots" content="noindex, nofollow">

4. Open Graph Tags (Biar Keren Pas Di-share ke Sosmed)

Pernah gak lu nge-share link web ke WhatsApp, Facebook, atau X, terus langsung muncul gambar, judul, dan deskripsinya rapi banget?

Nah, itu berkat Open Graph (OG) Tags.

Walau fokusnya ke sosmed, tag ini tetap penting buat datengin traffic gak langsung ke website lu.

Kodenya:

<meta property="og:title" content="Cara Jitu Belajar Coding dari Nol" />
<meta property="og:description" content="Panduan lengkap buat pemula yang mau masuk dunia IT." />
<meta property="og:image" content="https://website-lu.com/gambar-coding.jpg" />
<meta property="og:url" content="https://website-lu.com/belajar-coding" />

Tips SEO:

Pastiin gambar yang lu taro di og:image ukurannya pas, biasanya 1200 x 630 piksel, biar gak pecah pas di-share.


5. Meta Viewport (Biar Ramah HP)

Zaman sekarang, Google itu penganut aliran Mobile-First Indexing.

Artinya, Google bakal lebih mengutamakan website yang tampilannya rapi di HP. Tag viewport ini wajib ada biar web lu otomatis menyesuaikan ukuran layar perangkat.

Kodenya:

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

Tips SEO:

Jangan pernah skip tag ini. Kalau web lu berantakan di HP, Google bakal males naikin peringkat web lu.


6. Canonical Tag (Anti Konten Duplikat)

Terkadang, satu halaman web bisa diakses lewat beberapa URL berbeda.

Contohnya:

  • Versi http
  • Versi https
  • URL dengan tambahan parameter seperti ?ref=sosmed

Google bisa bingung karena kontennya sama, tapi URL-nya beda. Biar gak disangka plagiat atau duplikat konten, lu bisa pakai canonical tag.

Kodenya:

<link rel="canonical" href="https://website-lu.com/belajar-coding" />

Tips SEO:

Tag ini ngasih tahu Google:

“Nih Bos, URL asli dan utamanya yang ini ya, yang lain cuma alias.”


Kesimpulan

Nge-optimasi meta tag itu ibarat dandanin web lu sebelum ketemu “calon mertua”, alias Google.

Kalau meta tag lu rapi, Google bakal lebih gampang paham isi web lu, dan peluang buat nangkring di halaman pertama bakal makin terbuka lebar.

Gimana, udah dicek belum kode HTML website lu? Udah lengkap semua belum tag di atas?

W

Ditulis oleh

Wilan

Kontributor tetap Bali Island Tekno yang aktif berbagi pengetahuan seputar teknologi, pemrograman, dan dunia rekayasa perangkat lunak.

Kembali ke Beranda Diperbarui pada: 24 Juni 2026