Social Preview Generator
Cek gimana tampilan link kamu kalau di-share ke Facebook, Twitter/X, dan WhatsApp — plus generate kode Open Graph-nya.
📘 Facebook / LinkedIn
🐦 Twitter / X
Kode Open Graph
Apa itu social preview?
Saat sebuah link dibagikan di media sosial atau aplikasi chat, platform seperti Facebook, X/Twitter, WhatsApp, dan LinkedIn menampilkannya sebagai kartu preview berisi judul, deskripsi, dan gambar — bukan sekadar teks URL. Tampilan itu diatur oleh tag Open Graph (og:title, og:description, og:image) dan Twitter Card di dalam <head> halamanmu. Tool ini menampilkan simulasi kartunya secara langsung dan menghasilkan kode meta tag yang tinggal kamu tempel.
Cara pakai
Isi URL, judul, deskripsi, dan URL gambar preview di panel kiri. Perhatikan simulasi kartu Facebook, X/Twitter, dan WhatsApp di kanan agar tahu persis bagaimana link-mu akan tampil. Setelah pas, klik Salin Kode dan tempel hasilnya di dalam tag <head> halamanmu.
Pertanyaan Umum (FAQ)
Gunakan gambar 1200×630 piksel (rasio 1,91:1) untuk kartu besar summary_large_image. Ukuran ini aman di Facebook, X/Twitter, dan LinkedIn. Usahakan di bawah 5 MB dan pakai format JPG atau PNG.
Platform sosial menyimpan cache preview lama. Setelah memperbarui tag Open Graph, minta mereka membaca ulang lewat Facebook Sharing Debugger atau X Card Validator agar gambar dan teks baru langsung muncul.
Open Graph (og:*) dipakai Facebook, WhatsApp, LinkedIn, dan sebagian besar platform lain. Twitter Card (twitter:*) khusus X/Twitter. X akan memakai tag Open Graph sebagai cadangan bila tag twitter:* tidak ada, tapi menyertakan keduanya memberi kontrol paling akurat.
Ya. og:image dan twitter:image wajib memakai URL lengkap berawalan https://, bukan path relatif seperti /gambar.jpg. URL relatif tidak akan terbaca oleh crawler media sosial.