Generator Meta Tag

Hasilkan meta tag SEO, Open Graph, dan Twitter Card untuk halaman Anda dari judul, deskripsi, URL kanonis, gambar, nama situs, dan tipe kartu.

Memuat alat…

Generator Meta Tag — Isi judul, deskripsi, URL kanonis, gambar, dan nama situs halaman Anda untuk mendapatkan blok meta tag SEO, Open Graph, dan Twitter Card yang siap ditempel ke head HTML Anda. Pratinjau langsung SERP Google dan kartu sosial menunjukkan tampilan halaman di pencarian dan saat dibagikan. Semuanya dibuat di browser Anda — tidak ada apa pun dari halaman Anda yang diunggah.

Apa itu Generator Meta Tag?

Generator Meta Tag adalah alat online gratis yang mengubah beberapa detail halaman menjadi satu set lengkap meta tag HTML: tag SEO standar (title, meta description, tautan kanonis), tag Open Graph (og:title, og:description, og:type, og:url, og:image, og:site_name), dan tag Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image). Pemasar, blogger, dan pengembang menggunakannya saat meluncurkan halaman atau artikel untuk mengatur tampilannya di hasil pencarian Google dan cara tautannya terbuka di Facebook, LinkedIn, X/Twitter, Slack, dan Discord. Pilih og:type (website, article, product, profile, atau video.other) dan gaya twitter:card (summary, summary_large_image, app, atau player), dan alat ini hanya menulis baris untuk kolom yang Anda isi. Alat ini menghasilkan tag HTML murni — tidak menjelajahi situs Anda atau membaca halaman untuk Anda.

Cara menggunakan Generator Meta Tag

  1. Ketik judul halaman Anda — ini menjadi tag <title>, og:title, dan twitter:title.
  2. Tulis meta description (sekitar 150–160 karakter) untuk tag description, og:description, dan twitter:description.
  3. Masukkan URL kanonis halaman dan URL gambar absolut untuk pratinjau tautan.
  4. Tambahkan nama situs Anda dan pilih og:type serta twitter:card dari menu dropdown.
  5. Salin blok HTML yang dihasilkan dari kotak keluaran dan tempel ke <head> halaman Anda.
  6. Gunakan pratinjau SERP Google dan kartu sosial untuk memeriksa hasilnya sebelum menerbitkan.

Contoh

Tag untuk artikel blog

Masukan

Judul: How to Bake Sourdough
Deskripsi: A beginner's guide to baking sourdough bread at home.
URL: https://blog.example.com/sourdough
og:type: article

Keluaran

<title>How to Bake Sourdough</title>
<meta name="description" content="A beginner's guide to baking sourdough bread at home." />
<link rel="canonical" href="https://blog.example.com/sourdough" />
<meta property="og:title" content="How to Bake Sourdough" />
<meta property="og:type" content="article" />
<meta name="twitter:card" content="summary_large_image" />

Kartu sosial gambar besar

Masukan

Gambar: https://example.com/og.png
twitter:card: summary_large_image

Keluaran

<meta property="og:image" content="https://example.com/og.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://example.com/og.png" />

Karakter khusus di-escape

Masukan

Judul: Tips & Tricks for "Pros"

Keluaran

<title>Tips &amp; Tricks for &quot;Pros&quot;</title>

Pertanyaan yang sering diajukan

Meta tag apa saja yang dihasilkan ini?
Alat ini menghasilkan tag SEO standar (<title>, meta description, dan tautan kanonis), tag Open Graph (og:title, og:description, og:type, og:url, og:image, og:site_name), dan tag Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image). Hanya baris untuk kolom yang Anda isi yang disertakan, jadi Anda tidak pernah mendapatkan tag placeholder kosong.
Apa perbedaan antara og:type dan twitter:card?
og:type memberi tahu platform jenis objek apa halaman itu — website, article, product, profile, atau video.other — yang memengaruhi cara tautan terbuka. twitter:card memilih tata letak di X/Twitter: summary adalah thumbnail kecil, summary_large_image menampilkan gambar banner besar, sedangkan app dan player untuk aplikasi dan media. Pilih pasangan yang sesuai dengan konten Anda.
Apakah URL gambar harus absolut?
Ya. og:image dan twitter:image harus berupa URL absolut lengkap yang diawali https:// karena scraper mengambilnya dari luar situs Anda — jalur relatif seperti /og.png tidak akan dimuat. Untuk hasil terbaik, gunakan gambar 1200×630 untuk kartu besar.
Apakah alat ini menjelajahi atau membaca halaman langsung saya?
Tidak. Alat ini hanya memformat nilai yang Anda ketik menjadi meta tag HTML. Alat ini tidak mengambil, menjelajahi, atau menganalisis URL apa pun — URL kanonis dan URL gambar ditulis ke dalam tag apa adanya, tanpa dikunjungi.
Apakah data saya dikirim ke server?
Tidak. Tag dibuat sepenuhnya di browser Anda dengan JavaScript. Tidak ada yang Anda ketik — termasuk judul, URL, atau deskripsi yang belum diterbitkan — yang diunggah, disimpan, atau dikirim ke mana pun, jadi aman digunakan pada halaman pribadi atau pra-peluncuran.

Alat terkait

Generator Tag Hreflang

Membuat tag link hreflang untuk halaman multibahasa dari daftar pasangan locale dan URL, dengan x-default opsional dan tag referensi-sendiri.

Generator JSON-LD

Hasilkan data terstruktur JSON-LD yang valid untuk skema Article, Product, FAQPage, HowTo, LocalBusiness, Event, Recipe, BreadcrumbList, dan Organization dari formulir sederhana.

Pemeriksa Kepadatan Kata Kunci

Analisis teks apa pun untuk menghitung frekuensi kata dan kepadatan kata kunci sebagai frasa 1, 2, atau 3 kata, dengan peringatan optimasi berlebihan.

Pratinjau Open Graph & Kartu Sosial

Pratinjau bagaimana sebuah tautan terbentang menjadi kartu sosial di X, LinkedIn, Slack, Discord, dan Facebook dari judul, deskripsi, URL gambar, dan URL halaman.