Skip to content
Zoyku

Generator Open Graph

Bangun set lengkap meta tag og: dan twitter: serta saksikan pratinjau kartu berbagi diperbarui langsung sebelum Anda menempel apa pun.

HTML snippet

Share card preview

image URL (1200 × 630)

example.com

Page title

Alat ini berjalan sepenuhnya di browser Anda. Data Anda tidak pernah meninggalkan perangkat — tidak diunggah ke server mana pun.

Cara pakai

  1. 1Masukkan judul halaman, description, dan URL canonical.
  2. 2Tambahkan URL gambar berbagi (1200 × 630 px bekerja di mana saja) dan atur tipe kartunya.
  3. 3Salin tag-nya ke <head> Anda dan periksa kartu pratinjaunya.

Generator Open Graph

Saat tautan Anda dibagikan di X, Facebook, LinkedIn, Slack, atau iMessage, kartu pratinjaunya dibangun hampir seluruhnya dari tag Open Graph, dengan tag Twitter card mengisi celahnya. Generator ini mengeluarkan kedua namespace: og:title, og:type, og:url, og:image, og:image:alt, og:site_name, og:description, dan og:locale, plus twitter:card, twitter:site, dan twitter:creator.

Kebanyakan platform mundur ke tag og: saat tag twitter: tidak ada, jadi tambahannya hanya diperlukan di tempat mereka berbeda. Pratinjau langsungnya mendekati cara kartu gambar-besar atau summary dirender.

Pertanyaan yang sering diajukan

Ukuran gambar apa yang sebaiknya dipakai untuk og:image?

1200 × 630 piksel (1.91:1) adalah bawaan yang aman di Facebook, X, dan LinkedIn. Jaga file di bawah 8 MB, pakai URL absolut, dan selalu tambahkan og:image:alt untuk aksesibilitas.

Apakah saya butuh tag og: dan twitter: sekaligus?

twitter:title, twitter:description, dan twitter:image mundur ke padanan og:-nya. Di atas set og: Anda hanya butuh twitter:card (summary atau summary_large_image), twitter:site, dan opsional twitter:creator.

og:type mana yang sebaiknya dipilih?

Gunakan website untuk halaman utama dan halaman generik, article untuk berita dan tulisan blog (tambahkan article:published_time jika bisa), dan product untuk halaman detail e-commerce. Tipenya mengubah cara beberapa platform mengategorikan tautannya.

Alat terkait

Semua alat SEO →

Generator Meta Tag

Hasilkan meta tag title, description, keywords, robots, dan viewport dengan output HTML langsung yang bisa langsung Anda tempel ke <head>.

Semua alat →

Pratinjau SERP

Pratinjau snippet Google Anda di desktop dan mobile dengan pemotongan level piksel dan meter panjang untuk title dan description.

Semua alat →

Generator Schema Markup

Hasilkan structured data JSON-LD yang valid untuk Organization, LocalBusiness, Product, Article, FAQPage, dan HowTo — ter-escape dan siap tempel.

Semua alat →

Pembuat Tautan UTM

Tambahkan utm_source, medium, campaign, term, dan content ke URL apa pun dan dapatkan tautan pelacakan terenkode dengan benar yang bisa Anda salin atau bagikan.

Semua alat →

Sematkan alat ini

Tambahkan alat ini ke situs Anda dengan satu baris — berjalan di browser pengunjung.

<iframe src="https://zoyku.com/id/tools/open-graph-generator?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — open-graph-generator" loading="lazy"></iframe>
100% local processing