Pembuat Tag Meta

Hasilkan tag meta SEO, tag Open Graph, dan tag Twitter Card dengan pratinjau langsung untuk Google, Facebook, dan X (Twitter). Penghitung karakter waktu nyata dan salin satu klik.

Pembuat Tag Meta

⚡ Contoh Cepat — coba satu untuk melihat semua fitur:

Artikel Blog Produk E-Commerce Situs Portofolio

Judul Halaman 0 / 60

Disarankan: 50-60 karakter untuk hasil pencarian Google

Deskripsi Meta 0 / 160

Disarankan: 150-160 karakter untuk tampilan optimal di hasil pencarian

Kata Kunci 0 / 255

Kata kunci dipisahkan koma (dampak SEO terbatas, tapi masih digunakan oleh beberapa mesin)

Robot

Charset

URL Kanonik

URL yang diutamakan untuk halaman ini (mencegah masalah konten duplikat)

Opsional

Penulis

Bahasa

Viewport

Mengontrol perilaku responsif di perangkat seluler

ℹ Tag Open Graph mengontrol bagaimana halaman Anda muncul saat dibagikan di Facebook, LinkedIn, Pinterest, dan platform sosial lainnya. Jika dikosongkan, kolom ini akan menggunakan nilai dari SEO Dasar Anda.

og:title 0 / 90

og:description 0 / 200

og:image

Disarankan: 1200 x 630 piksel, di bawah 5 MB

og:url

og:type

og:site_name

og:locale

ℹ Tag Twitter Card mengontrol bagaimana halaman Anda muncul saat dibagikan di X (Twitter). Jika dikosongkan, X akan beralih menggunakan tag Open Graph Anda.

Jenis Kartu

summary_large_image direkomendasikan untuk sebagian besar konten

twitter:title 0 / 70

twitter:description 0 / 200

twitter:image

Disarankan: 1200 x 628 piksel untuk summary_large_image

twitter:site

@username X Anda

twitter:creator

@username pembuat konten

👁 Pratinjau Langsung

🌐 example.com

Judul Halaman Anda

Deskripsi halaman Anda akan muncul di sini. Tulis deskripsi yang menarik untuk meningkatkan rasio klik-tayang dari hasil pencarian.

⬚ Gambar belum disetel — tambahkan URL og:image

example.com

Judul Open Graph Anda

Deskripsi Open Graph Anda akan muncul di sini.

⬚ Gambar belum disetel — tambahkan URL twitter:image

Judul Twitter Card Anda

Deskripsi Twitter Card Anda akan muncul di sini.

🔗 example.com

Embed Pembuat Tag Meta Widget

Tentang Pembuat Tag Meta

Pembuat Tag Meta ini menghasilkan tag meta yang dioptimalkan untuk SEO, tag Open Graph, dan tag Twitter Card untuk situs web Anda dengan pratinjau langsung. Lihat dengan tepat bagaimana halaman Anda akan muncul di hasil pencarian Google, postingan Facebook, dan kartu X (Twitter) sebelum diterbitkan. Penghitung karakter waktu nyata membantu Anda tetap berada dalam batas yang direkomendasikan untuk visibilitas maksimum.

Apa Itu Tag Meta?

Tag meta adalah elemen HTML yang ditempatkan di bagian <head> halaman web Anda yang memberikan metadata ke mesin pencari dan platform media sosial. Tag ini tidak muncul di halaman itu sendiri, tetapi sangat memengaruhi cara halaman Anda ditemukan, diindeks, dan ditampilkan di seluruh web.

Jenis Tag Meta yang Dihasilkan Alat Ini

Kategori	Tag	Tujuan
SEO	`<title>`	Judul halaman yang ditampilkan di hasil pencarian dan tab browser
SEO	`meta description`	Cuplikan ringkasan yang ditampilkan di bawah judul dalam hasil pencarian
SEO	`meta keywords`	Kata kunci yang dipisahkan koma (dampak SEO terbatas saat ini)
SEO	`meta robots`	Mengontrol perilaku perayapan dan pengindeksan mesin pencari
SEO	`link canonical`	Menentukan URL pilihan untuk mencegah konten duplikat
Sosial	`og:title`	Judul yang ditampilkan saat dibagikan di Facebook, LinkedIn, dll.
Sosial	`og:description`	Deskripsi yang ditampilkan dalam kartu berbagi media sosial
Sosial	`og:image`	Gambar yang ditampilkan dalam pratinjau berbagi media sosial
X/Twitter	`twitter:card`	Jenis kartu: summary atau summary_large_image
X/Twitter	`twitter:site`	@username X (Twitter) Anda

Batas Karakter yang Direkomendasikan

Judul Google

50–60

karakter

Deskripsi Google

150–160

karakter

Judul OG

60–90

karakter

Deskripsi OG

100–200

karakter

Judul Twitter

50–70

karakter

Deskripsi Twitter

Di bawah 200

karakter

Tips Pro: Tulis judul dan deskripsi yang berbeda untuk SEO, Open Graph, dan Twitter Cards. Setiap platform memiliki batas tampilan dan konteks yang berbeda — judul hasil pencarian harus kaya kata kunci, sementara judul media sosial harus menarik dan layak dibagikan.

Cara Menggunakan Pembuat Tag Meta Ini

Isi tag SEO Dasar: Masukkan judul halaman Anda (disarankan 50-60 karakter), deskripsi meta (150-160 karakter), kata kunci, pilih direktif robot, charset, dan secara opsional tambahkan URL kanonik.
Tambahkan tag Open Graph: Beralih ke tab Open Graph dan masukkan judul OG, deskripsi, URL gambar, URL halaman, nama situs, dan jenis konten untuk berbagi sosial yang optimal di Facebook dan LinkedIn.
Konfigurasikan tag Twitter Card: Beralih ke tab Twitter Card untuk menyetel jenis kartu (summary atau summary_large_image), judul, deskripsi, URL gambar, dan @username X Anda.
Pratinjau tag Anda: Periksa panel pratinjau langsung yang menunjukkan bagaimana halaman Anda akan muncul di hasil pencarian Google, postingan Facebook, dan kartu X (Twitter).
Hasilkan dan salin: Klik "Hasilkan Tag Meta" untuk melihat kode HTML lengkap dengan penyorotan sintaks. Klik "Salin Kode" dan tempelkan ke bagian <head> halaman Anda.

Praktik Terbaik Gambar Open Graph

Ukuran disarankan: 1200 x 630 piksel (rasio aspek 1.91:1)
Ukuran minimum: 200 x 200 piksel (Facebook memerlukan setidaknya ini)
Ukuran file: Di bawah 5 MB untuk performa terbaik
Format: JPEG, PNG, atau WebP
Area aman: Pastikan teks/logo penting berada di dalam 80% bagian tengah gambar

Jenis Twitter Card

summary: Kartu kecil dengan thumbnail persegi (min 144x144). Terbaik untuk artikel dan konten umum.
summary_large_image: Kartu besar dengan gambar yang menonjol (disarankan 1200x628). Terbaik untuk postingan blog, landing page, dan konten visual.

Catatan: Jika Anda tidak menyetel tag Twitter Card, X (Twitter) secara otomatis akan beralih menggunakan tag Open Graph Anda. Namun, menyetel keduanya memberi Anda kontrol penuh atas tampilan konten di setiap platform.

Pertanyaan yang Sering Diajukan

Apa itu tag meta dan mengapa penting untuk SEO?

Tag meta adalah elemen HTML yang ditempatkan di bagian <head> halaman web yang memberikan metadata tentang halaman tersebut kepada mesin pencari dan platform media sosial. Tag meta utama meliputi tag judul (ditampilkan dalam hasil pencarian), deskripsi meta (ringkasan yang ditampilkan di bawah judul dalam hasil pencarian), dan tag robot (mengontrol perayapan mesin pencari). Tag meta yang dibuat dengan baik meningkatkan rasio klik-tayang dari hasil pencarian dan memastikan konten Anda ditampilkan dengan benar saat dibagikan di media sosial.

Apa itu tag Open Graph dan bagaimana cara kerjanya?

Tag Open Graph (OG) adalah tag meta yang dikembangkan oleh Facebook yang mengontrol bagaimana halaman web Anda muncul saat dibagikan di platform media sosial seperti Facebook, LinkedIn, dan Pinterest. Tag OG utama meliputi og:title, og:description, og:image, og:url, dan og:type. Saat seseorang membagikan URL Anda, platform ini membaca tag OG untuk menghasilkan kartu pratinjau yang kaya dengan judul, deskripsi, dan gambar yang Anda tentukan.

Apa itu tag Twitter Card?

Tag Twitter Card (sekarang tag X Card) adalah tag meta yang mengontrol tampilan konten Anda saat dibagikan di X (sebelumnya Twitter). Jenis utamanya adalah summary (thumbnail kecil) dan summary_large_image (gambar unggulan besar). Tag utama meliputi twitter:card (jenis kartu), twitter:title, twitter:description, twitter:image, dan twitter:site (@username Anda). Jika tag Twitter Card tidak disetel, X akan beralih menggunakan tag Open Graph.

Berapa panjang ideal untuk judul meta dan deskripsi?

Untuk SEO, panjang judul meta yang direkomendasikan adalah 50-60 karakter (Google biasanya menampilkan hingga 60 karakter atau lebar sekitar 600 piksel). Deskripsi meta harus 150-160 karakter (Google mungkin memotong deskripsi yang lebih panjang). Untuk Open Graph, judul sebaiknya 60-90 karakter dan deskripsi 100-200 karakter. Untuk Twitter Cards, judul paling baik pada 50-70 karakter dengan deskripsi di bawah 200 karakter.

Apakah saya memerlukan tag Open Graph dan Twitter Card?

Meskipun X (Twitter) akan beralih ke tag Open Graph jika tidak ada tag Twitter Card, praktik terbaiknya adalah menyertakan keduanya. Tag Twitter Card memungkinkan Anda menyesuaikan jenis kartu (summary vs summary_large_image) dan menyertakan @username Anda, yang tidak mungkin dilakukan dengan tag OG saja. Memiliki keduanya memastikan tampilan optimal di semua platform.

Ukuran gambar apa yang harus saya gunakan untuk Open Graph dan Twitter Cards?

Untuk gambar Open Graph, ukuran yang disarankan adalah 1200 x 630 piksel (rasio 1.91:1) dengan minimum 200 x 200 piksel. Untuk Twitter Cards dengan summary_large_image, gunakan 1200 x 628 piksel; untuk kartu ringkasan (summary), gunakan minimum 144 x 144 piksel (hingga 4096 x 4096). Menggunakan gambar tunggal 1200 x 630 piksel berfungsi dengan baik untuk kedua platform.

Sumber Daya Tambahan

Kutip konten, halaman, atau alat ini sebagai:

"Pembuat Tag Meta" di https://MiniWebtool.com/id/pembuat-tag-meta/ dari MiniWebtool, https://MiniWebtool.com/

oleh tim miniwebtool. Diperbarui: 6 Feb 2026

Alat terkait lainnya:

Kalkulator Checksum Adler32

Ekstraktor Audio

Generator Kunci Django

Pembuat File .envBaru

Git Command GeneratorBaru

Generator Tag HreflangBaru

Htaccess Redirect Generator

Pemercantik HTMLBaru

Pemformat dan Validator JSONBaru

Decoder JWT

Pembuat Tag Meta

Tentang Pembuat Tag Meta

Apa Itu Tag Meta?

Jenis Tag Meta yang Dihasilkan Alat Ini

Batas Karakter yang Direkomendasikan

Cara Menggunakan Pembuat Tag Meta Ini

Praktik Terbaik Gambar Open Graph

Jenis Twitter Card

Pertanyaan yang Sering Diajukan

Apa itu tag meta dan mengapa penting untuk SEO?

Apa itu tag Open Graph dan bagaimana cara kerjanya?

Apa itu tag Twitter Card?

Berapa panjang ideal untuk judul meta dan deskripsi?

Apakah saya memerlukan tag Open Graph dan Twitter Card?

Ukuran gambar apa yang harus saya gunakan untuk Open Graph dan Twitter Cards?

Sumber Daya Tambahan

Alat terkait lainnya:

Peralatan untuk webmaster:

Alat unggulan: