Gratis generator meta Open Graph dan Twitter Card

Isi judul halaman, deskripsi, URL, dan gambar berbagi untuk menghasilkan tag meta siap tempel untuk Open Graph dan Twitter Card. Pratinjau sederhana menunjukkan tampilan kartu — semua pemrosesan di peramban.

Gunakan URL https absolut untuk og:url dan og:image. Ukuran gambar disarankan 1200×630 untuk kartu besar.

JudulDeskripsiURL halamanURL gambar

Lebar gambarTinggi gambar

Nama situsLocale (opsional)

Tipe Open Graph

Kartu Twitter

My Site

My page title

A short summary for social previews and search snippets.

Tag meta HTML

<meta property="og:title" content="My page title" />
<meta property="og:description" content="A short summary for social previews and search snippets." />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:site_name" content="My Site" />
<meta property="og:type" content="website" />
<meta property="og:locale" content="en_US" />
<meta property="og:image" content="https://example.com/og-image.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="My page title" />
<meta name="twitter:description" content="A short summary for social previews and search snippets." />
<meta name="twitter:image" content="https://example.com/og-image.jpg" />

Loading…

Cara menggunakan alat ini

1
Buka Generator meta OG
Siapkan tag berbagi sosial untuk halaman baru.
2
Masukkan URL halaman dan gambar
Tambahkan judul, deskripsi, URL kanonik, dan gambar 1200×630 jika memungkinkan.
3
Salin HTML ke situs
Tempel tag meta ke bagian head HTML atau template Anda.

Fakta singkat

Berjalan lokal?	Ya — tag dibangun hanya di peramban.
Ada yang diunggah?	Tidak. Teks dan URL tetap di tab ini.
Metadata Next.js?	Salin HTML ke head, atau petakan field ke API metadata framework Anda.
Pratinjau gambar?	Jika URL gambar mengizinkan hotlink, pratinjau kartu kasar muncul di kanan.

Kasus penggunaan utama

Bangun tag meta Open Graph dan Twitter Card dengan pratinjau langsung — salin HTML, hanya lokal.
Berjalan lokal?: Ya — tag dibangun hanya di peramban.
Ada yang diunggah?: Tidak. Teks dan URL tetap di tab ini.
Metadata Next.js?: Salin HTML ke head, atau petakan field ke API metadata framework Anda.
Pratinjau gambar?: Jika URL gambar mengizinkan hotlink, pratinjau kartu kasar muncul di kanan.

FAQ

Tag apa yang disertakan?▾

Properti og:* umum plus twitter:card, title, description, dan image jika disediakan.

Apakah perlu gambar?▾

Disarankan untuk berbagi tautan; kosongkan hanya jika Anda menerima pratinjau hanya teks.

Format locale apa?▾

Gunakan kode locale Open Graph seperti en_US atau id_ID.

Apakah platform menampilkan pratinjau persis ini?▾

Setiap jaringan menyimpan cache dan memotong berbeda — selalu uji dengan debugger mereka.

Karakter khusus di judul?▾

Tanda kutip dan ampersand di-escape otomatis di atribut content.

Tipe article vs website?▾

Gunakan article untuk posting blog; website untuk beranda dan landing.