Apa itu Pratinjau Open Graph?

Open Graph Preview menampilkan persis bagaimana URL Anda akan terlihat saat dibagikan di Facebook, Twitter, LinkedIn, dan platform sosial lainnya. Masukkan nilai tag meta OG Anda dan lihat mockup langsung kartu share sosial sebelum dipublikasikan.

Pratinjau membaca tag og:title, og:description, og:image, og:site_name, dan og:url Anda lalu menyalin tata letak nyata yang dipakai setiap jejaring sosial. Facebook memotong judul sekitar 88 karakter, kartu gambar besar Twitter butuh rasio 2:1, dan LinkedIn memendekkan deskripsi setelah sekitar 200 karakter dengan elipsis.

Cara menggunakan

1. Masukkan tag Open Graph Anda: judul, deskripsi, URL gambar, nama situs, dan URL.
2. Lihat pratinjau langsung berdampingan untuk format kartu Google Penelusuran, Facebook, Twitter, LinkedIn, WhatsApp, Slack, Discord, dan Pinterest.
3. Sesuaikan panjang judul, deskripsi, dan dimensi gambar hingga pratinjau terlihat sempurna di semua platform.

Kapan menggunakan

• Sebelum menerbitkan artikel atau halaman pemasaran yang akan dibagikan di media sosial.
• Saat mengaudit situs lama yang pratinjau bagikannya tampak rusak atau tanpa gambar.
• Saat mendesain template gambar OG baru untuk memastikan judul tidak menutupi visual.

Hasil

Sebelum membagikan posting blog baru Anda di LinkedIn, periksa bahwa gambar OG tidak terpotong secara aneh dan deskripsi terbaca dengan baik dalam batas 200 karakter kartu Twitter.

FAQ

Berapa ukuran ideal gambar Open Graph?

1200x630 piksel adalah standar yang aman. Facebook dan LinkedIn merender pada rasio 1,91:1, dan kartu summary_large_image Twitter juga memakai rasio sama. Jaga ukuran berkas di bawah 5 MB dan pakai JPEG atau PNG.

Kenapa Facebook tidak memperbarui pratinjau setelah meta tag diubah?

Facebook men-cache data OG selama sekitar 24 jam. Tempel URL ke Sharing Debugger Meta lalu tekan 'Scrape Again' untuk memaksa baca ulang. LinkedIn menyediakan fitur yang sama lewat Post Inspector.

Perlukah tag twitter:* jika tag og:* sudah ada?

Twitter akan jatuh ke og:title, og:description, dan og:image ketika tag twitter:* tidak ada, jadi halaman standar tetap berfungsi tanpanya. Tambahkan twitter:card dan twitter:image hanya saat Anda ingin judul atau gambar khusus untuk Twitter saja.

Apa beda summary dan summary_large_image di Twitter?

summary menampilkan thumbnail persegi kecil di samping teks, cocok untuk tautan berita dan artikel. summary_large_image meletakkan gambar lebar di atas teks, lebih pas untuk konten visual seperti landing page atau video.

Bisakah GIF animasi dipakai sebagai og:image?

Jejaring sosial menerima GIF tapi hanya menampilkan frame pertama. Pakai PNG atau JPEG statis dengan informasi penting tampil di frame itu, atau ubah animasi menjadi MP4 pendek dan tautkan lewat og:video.

Alat terkait