Generator Open Graph — Tag OG dan Twitter Card dengan Pratinjau
PengembangGenerator Open Graph membuat meta tag og:* dan twitter:* yang dibaca platform sosial untuk menampilkan kartu berbagi tautan, dari judul, deskripsi, URL, dan gambar.
Halaman ini diterjemahkan dengan bantuan AI dan belum ditinjau secara profesional. Periksa sumber yang dikutip sebelum menggunakannya untuk keputusan penting.
Apa itu
Open Graph adalah protokol meta tag yang dibaca Facebook, Slack, KakaoTalk, dan layanan serupa saat menggambar kartu pratinjau tautan (judul, deskripsi, gambar), dan Twitter Card adalah ekstensi khusus X. Alat ini menghasilkan tag og:title, og:description, og:url, og:image, og:site_name, dan twitter:card, serta menampilkan pratinjau kartu berbagi dari masukan Anda. Tampilan sebenarnya masih dapat bervariasi menurut cache dan kebijakan platform.
Cara menggunakan
- 1Masukkan judul kartu, deskripsi, URL halaman, dan URL gambar.
- 2Pilih og:type dan format Twitter Card.
- 3Hasilkan, salin tag ke dalam <head>, lalu verifikasi dengan pemeriksa Open Graph.
Referensi
| Tag | Wajib | Catatan |
|---|---|---|
| og:title | wajib | judul kartu berbagi |
| og:type | wajib | jenis konten (website, article, ...) |
| og:image | wajib | gambar kartu — disarankan 1200×630px (1.91:1) |
| og:url | wajib | URL canonical halaman |
| twitter:card | disarankan | format kartu X (summary, summary_large_image) |
Sumber & standar
- The Open Graph protocol - Open Graph protocol
- About X Cards - X Developer Platform
FAQ
Apakah masukan atau URL gambar saya dikirim ke server?
Tidak. Pembuatan tag dan pratinjau kartu berjalan di browser Anda. Gambar pratinjau diambil langsung oleh browser Anda dari URL yang Anda ketik dan tidak pernah melewati layanan ini.
Berapa ukuran og:image yang disarankan?
1200×630 piksel (rasio 1.91:1) adalah rekomendasi yang paling banyak digunakan; gambar sebaiknya minimal 600×315 piksel agar mendapat kartu besar di sebagian besar platform.
Apakah saya masih memerlukan tag Twitter Card jika tag OG sudah ada?
X beralih ke tag Open Graph saat tag twitter:* tidak ada, tetapi menetapkan twitter:card secara eksplisit adalah cara aman untuk mengontrol format kartu.