Panduan Lengkap Open Graph

Bagikan Link di Facebook
dengan Gambar & Judul yang Tepat

Template HTML siap pakai, dilengkapi semua meta tag OG agar preview link di Facebook, WhatsApp, dan LinkedIn tampil sempurna.

Contoh Tampilan Saat Dibagikan

OG Image 1200 × 630 px — Rasio 1.91:1 Ganti dengan gambar Anda sendiri namadomain.com
namadomain.com
Nama Website Anda – Judul yang Menarik untuk Facebook
Deskripsi yang muncul di bawah judul saat link dibagikan di Facebook...

Checklist Meta Tag OG

Penting: Setelah mengubah meta tag OG, bersihkan cache Facebook menggunakan Facebook Sharing Debugger agar preview langsung diperbarui.

Kode Meta Tag yang Digunakan

<!-- Open Graph / Facebook --> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.namadomain.com/" /> <meta property="og:title" content="Judul Halaman Anda" /> <meta property="og:description" content="Deskripsi menarik halaman ini." /> <meta property="og:image" content="https://og.privtdm.com/wa.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:image:alt" content="Deskripsi gambar" /> <meta property="og:locale" content="id_ID" /> <meta property="og:site_name" content="Nama Website Anda" /> <!-- Twitter / X Card --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Judul Halaman Anda" /> <meta name="twitter:description" content="Deskripsi singkat." /> <meta name="twitter:image" content="https://og.privtdm.com/wa.png" />