Cara menggunakan Generator Meta Tag
- Isi title, meta description, dan URL canonical. Penghitung karakter akan memberi peringatan sebelum Google memotong teksnya.
- Isi gambar Open Graph, nama situs, dan locale, lalu pilih jenis kartu X. Pratinjau Google, Facebook, dan X akan diperbarui saat kamu mengetik.
- Atur direktif robots, warna tema, dan path ikon jika dibutuhkan.
- Salin output Full <head> untuk situs yang ditulis manual, atau pilih kode kustom Webflow untuk mendapatkan hanya tag yang tidak dibuat Webflow dari pengaturannya.
Apa itu meta tag?
Meta tag adalah elemen HTML di dalam <head> sebuah halaman yang menjelaskan halaman tersebut kepada browser, mesin pencari, dan jejaring sosial. Tag ini tidak terlihat di halaman itu sendiri, tetapi menentukan bagaimana halaman tampil di hasil Google, bagaimana tautan ditampilkan di Slack, LinkedIn, atau WhatsApp, apakah halaman boleh diindeks, dan bagaimana tampilannya di ponsel.
Tag yang benar-benar penting
| Tag | Digunakan oleh | Fungsi |
|---|---|---|
<title> | Google, tab browser | Judul yang bisa diklik di hasil pencarian, dan sinyal relevansi yang sudah dikonfirmasi. |
meta description | Google, Bing | Sering dipakai sebagai cuplikan di bawah judul. Memengaruhi klik, bukan peringkat. |
link rel="canonical" | Google, Bing | Menentukan URL utama ketika konten yang sama bisa diakses dari beberapa alamat (parameter, garis miring di akhir, http/https). |
meta robots | Semua crawler utama | noindex membuat halaman tidak muncul di hasil pencarian. max-image-preview:large mengizinkan thumbnail gambar besar di Discover. |
og:* | Facebook, LinkedIn, Slack, Discord, iMessage… | Protokol Open Graph: judul, deskripsi, gambar, dan tipe dari tautan yang dibagikan. |
twitter:* | X | Tata letak kartu (summary atau summary_large_image) dan atribusi akun. Jika tidak ada, X memakai tag og:. |
viewport, charset | Browser | Penskalaan yang benar di perangkat seluler dan pengodean teks. |
Tag lama meta keywords sengaja tidak dibuat. Google sudah mengabaikannya selama lebih dari satu dekade, dan tag ini hanya membuka strategi kata kunci kamu ke pesaing.
Kesalahan umum yang dihindari generator ini
- URL og:image relatif. Scraper media sosial membutuhkan URL absolut yang diawali
https://. Tambahkanog:image:widthdanog:image:heightagar gambar langsung tampil saat pertama kali dibagikan, tanpa perlu scrape ulang. - Noindex dan canonical sekaligus. Mengarahkan canonical ke URL lain sambil juga memasang
noindexmemberi sinyal yang bertentangan. Pilih salah satu. - Tanda kutip tanpa escape. Tanda
"di dalam deskripsi bisa merusak atribut. Semua nilai di output sudah di-escape sebagai HTML. - Tag duplikat. Platform seperti Webflow, plugin SEO WordPress, dan Shopify sudah menghasilkan banyak tag. Menambahkan
<title>atauog:imagekedua secara manual membuat crawler harus menebak mana yang dipakai.
Webflow: kolom pengaturan vs kode kustom
Webflow sudah mengisi title, description, judul/deskripsi/gambar Open Graph, canonical, charset, dan viewport dari pengaturan Page dan Site. Jadi, jika kamu menempelkan head lengkap ke kode kustom, tag tersebut akan duplikat. Pilih kode kustom Webflow di atas, dan output hanya berisi yang tidak bisa diatur langsung oleh Webflow: direktif robots, theme-color, og:site_name, og:locale, handle akun X, dan link ikon tambahan. Pada halaman template CMS, kotak kode kustom yang sama juga menerima field CMS yang disisipkan. Setelah publikasi, periksa output live dengan Meta Tag Checker dan Open Graph Checker, atau buat gambar share dengan OG Image Generator.
Juga dicari sebagai: meta tag, generator og tag, open graph generator, twitter card generator, generator html meta tag, tag seo head, meta tag seo, meta tag webflow.
Tool yang cocok dipakai bersama Generator Meta Tag
- Simulator SERP — Tulis title tag dan meta description, lalu lihat di mana Google kemungkinan akan memotongnya.
- Pembuat Favicon — Buat paket favicon lengkap dari logo, huruf, atau emoji: favicon.ico multi-ukuran, Apple touch icon, ikon Android/PWA, webclip Webflow, web manifest, dan tag HTML yang tinggal kamu tempel.
- Generator Schema Markup — Pilih jenis schema, isi formulir, lalu salin JSON-LD yang siap ditempel.
- Penjelas robots.txt — Aturan robots.txt memang pendek, tapi mudah salah dibaca.
Pertanyaan yang sering diajukan
Apakah meta tag masih penting untuk SEO?
Berapa ukuran gambar Open Graph yang ideal?
Apakah saya perlu tag Open Graph dan Twitter sekaligus?
og:title, og:description, dan og:image sebagai cadangan, jadi kamu hanya perlu twitter:card (dan opsional twitter:site) di atas Open Graph.