Question 1

Dimensi gambar apa yang harus saya gunakan untuk og:image?

Accepted Answer

Ukuran minimum yang direkomendasikan adalah 1200×630 piksel dengan rasio aspek 1,91:1. Facebook dan LinkedIn memotong gambar yang lebih kecil. Gunakan PNG atau JPEG di bawah 8 MB. Hindari menempatkan teks penting terlalu dekat dengan tepi karena platform mungkin sedikit memotong gambar untuk thumbnail.

Question 2

Apa perbedaan antara og:type dan tipe Twitter Card?

Accepted Answer

og:type mendeskripsikan jenis konten halaman — 'website' untuk halaman umum, 'article' untuk posting blog, 'video.other' untuk konten video. Twitter Cards adalah sistem terpisah: summary menampilkan thumbnail kecil, summary_large_image menampilkan gambar lebar penuh, dan player menyematkan video. Keduanya diatur secara independen menggunakan <meta name="twitter:card">.

Question 3

Bisakah saya membuat gambar OG dinamis secara otomatis?

Accepted Answer

Ya. Alat seperti @vercel/og dari Vercel (menggunakan ImageResponse API) dan transformasi berbasis URL Cloudinary memungkinkan Anda membuat gambar secara langsung dari teks dan template. Di Next.js, Anda dapat membuat rute opengraph-image.tsx yang merender React menjadi gambar PNG saat request menggunakan Edge runtime.

Question 4

Mengapa og:url penting dan bagaimana seharusnya cocok dengan canonical?

Accepted Answer

og:url memberi tahu platform sosial URL mana yang harus dikaitkan dengan kartu berbagi, mencegah penghitungan duplikat ketika halaman diakses dari beberapa URL (mis. dengan/tanpa trailing slash atau parameter UTM). Ini harus persis sama dengan URL <link rel="canonical"> untuk menandakan alamat resmi halaman.

Question 5

Mengapa gambar OG saya tidak diperbarui setelah saya mengubahnya?

Accepted Answer

Platform sosial secara agresif men-cache metadata OG. Facebook meng-cache hingga 7 hari; Twitter/X untuk periode yang lebih pendek. Untuk memaksa pembaruan: gunakan Facebook Sharing Debugger (developers.facebook.com/tools/debug) atau Twitter Card Validator untuk mengambil dan memperbarui cache. Mengubah URL gambar (mis. menambahkan query string cache-bust) memaksa platform untuk mengambil ulang segera.

Pratinjau OG

Facebook / LinkedIn

Twitter

Pertanyaan yang Sering Diajukan

Comments & Feedback