Contoh Halaman dengan Meta Open Graph & Twitter Card

Apa itu Meta Open Graph?

Open Graph (OG) adalah meta tag HTML yang membantu platform seperti Facebook, WhatsApp, LinkedIn, dan lainnya menampilkan preview yang rapi saat halaman Anda dibagikan.

Ringkasan Nilai OG/Twitter (dibaca dari <meta>)

Preview Gambar

Pastikan gambar dapat diakses publik (bukan URL lokal) dan berukuran minimal 1200×630 piksel.

Checklist Cepat

• Gunakan HTTPS untuk og:image dan og:url.
• URL pada og:url dan canonical harus sama dengan URL halaman yang live.
• Gunakan gambar dengan rasio 1.91:1 (misal 1200×630).
• Isi og:title dan og:description padat, jelas, tidak terlalu panjang.
• Untuk Twitter, gunakan twitter:card=summary_large_image.

Setelah deploy, tes di: Facebook Sharing Debugger, X Card Validator, dan LinkedIn Post Inspector.