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.
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.