Generator Open Graph
Saat tautan dibagikan, Facebook, LinkedIn, WhatsApp, Slack, dan X membuat kartu pratinjau dari tag Open Graph halaman. Isi judul, deskripsi, dan gambar, lihat kartu seperti yang akan tampil, lalu salin tagnya. Alat ini memperingatkan Anda jika gambar tidak ada atau terlalu kecil.
Impor dari HTML yang ada
Opsi lainnya: penulis, warna tema, robots
Facebook · LinkedIn · WhatsApp
X (Twitter)
HTML untuk <head>
Cara memakainya
- Masukkan judul, deskripsi, dan alamat lengkap halaman.
- Tempel alamat gambar untuk dibagikan (ideal 1200 × 630 piksel) dan periksa pratinjau Facebook dan X.
- Salin tag ke dalam <head> halaman. Setelah dipublikasikan, gunakan debugger berbagi tiap jaringan untuk menyegarkan cache-nya.
Pertanyaan yang sering diajukan
Berapa ukuran og:image yang ideal?
Gunakan 1200 × 630 piksel (rasio 1,91:1), ukuran yang direkomendasikan Facebook dan LinkedIn untuk kartu besar; X memotong kartu besar menjadi 2:1. Jauhkan teks penting dari tepi dan gunakan alamat https:// lengkap.
Apakah saya perlu tag Twitter (X) terpisah?
Hanya twitter:card. X membaca og:title, og:description, dan og:image bila tag miliknya tidak ada, jadi alat ini hanya menambahkan jenis kartu dan, jika Anda mau, @username Anda.
Saya sudah mengubah tag tetapi pratinjau lama masih muncul. Mengapa?
Jaringan sosial menyimpan cache kartu selama berhari-hari. Buka Facebook Sharing Debugger atau LinkedIn Post Inspector, tempel alamatnya, dan minta mereka mengambil ulang halaman.
🏷️ Generator Meta Tag
🔗 Pembuat Tautan UTM
🌈 Generator Gradien CSS
🔲 Generator CSS Box Shadow