Cara menggunakan Cek Open Graph
- Tempel URL yang ingin kamu bagikan lalu klik Check tags.
- Bandingkan preview Facebook/LinkedIn, X, dan Slack. Preview ini menunjukkan apa yang akan dibuat masing-masing platform dari tag kamu.
- Cari badge merah “missing” di tabel tag, dan pastikan og:image bisa dimuat dengan ukuran yang disarankan.
- Salin snippet untuk tag yang hilang ke dalam
<head>halaman kamu, lalu scrape ulang URL di setiap platform.
Apa itu Open Graph checker?
Saat sebuah link dibagikan di Facebook, LinkedIn, Slack, WhatsApp, Discord, dan sebagian besar aplikasi lain, platform tersebut mengambil halaman dan membuat kartu preview dari tag meta Open Graph. Protokol ini awalnya dibuat oleh Facebook. X (sebelumnya Twitter) menggunakan tag twitter:* sendiri, tetapi akan memakai Open Graph jika tag tersebut tidak ada. Open Graph checker mengambil halaman kamu dengan cara yang sama dan menampilkan tag yang ditemukan beserta kartu yang akan dihasilkan, sehingga kamu bisa memperbaiki preview yang rusak sebelum dibagikan.
Tag yang sebaiknya ada di setiap halaman
| Tag | Fungsi |
|---|---|
og:title | Judul kartu. Bisa dibuat lebih santai daripada judul SEO. |
og:description | Satu atau dua kalimat di bawah judul. |
og:image | URL absolut gambar preview. Ini faktor paling besar yang memengaruhi klik. |
og:url | URL kanonis, sehingga share dari varian halaman dihitung bersama. |
og:type | Biasanya website atau article. |
twitter:card | summary_large_image untuk gambar besar, summary untuk thumbnail kecil persegi. |
Tambahan yang disarankan adalah og:site_name, og:locale, og:image:alt (mendeskripsikan gambar untuk pembaca layar), dan og:image:width/og:image:height. Dua tag terakhir membantu beberapa platform menampilkan kartu sebelum gambar selesai diunduh.
Rekomendasi ukuran gambar
- 1200 × 630 px (1,91 : 1) cocok untuk Facebook, LinkedIn, dan Slack. Jauhkan teks penting dari tepi, karena beberapa aplikasi memotong gambar menjadi persegi atau 2 : 1.
- X large card: rasio 2 : 1, minimal 300 × 157 px, di bawah 5 MB. Gambar 1200 × 630 akan tampil dengan sedikit pemotongan.
- Gunakan JPEG atau PNG agar didukung paling luas, pakai URL
https://absolut, dan pastikan gambar tidak diblokir oleh robots.txt atau memerlukan login.
Butuh gambar? Buat dengan OG Image Generator.
Kenapa preview lama masih muncul?
Platform menyimpan preview di cache, sering kali selama berhari-hari. Setelah memperbaiki tag, minta setiap platform mengambil ulang datanya: gunakan Sharing Debugger Facebook (“Scrape Again”), Post Inspector LinkedIn, dan untuk Slack, cukup bagikan URL dengan query string yang tidak berbahaya seperti ?v=2. Pastikan juga halaman tidak memblokir crawler dan tag sudah ada di HTML yang dirender server, karena sebagian besar scraper tidak menjalankan JavaScript. Untuk membuat set tag lengkap dari nol, gunakan Meta Tag Generator.
Juga dicari sebagai: open graph checker, cek og tags, preview link sosmed, twitter card validator, cek og image, debugger facebook og, preview link linkedin.
Tool yang cocok dipakai bersama Cek Open Graph
- Pengecek Meta Tag — Lihat bagaimana Google kemungkinan menampilkan halamanmu: title dan description diukur dalam piksel, pratinjau desktop dan mobile, serta semua meta tag di <head>.
- Cek SEO & Audit Situs — Tempel URL untuk menjalankan hingga 70 cek SEO on-page plus audit situs lengkap: kecepatan Lighthouse, header keamanan & SSL, data terstruktur, link rusak, robots.txt & crawler AI, dasar aksesibilitas, tracking & persetujuan, SPF/DKIM/DMARC, serta masa berlaku domain.
- Validator Schema Markup — Uji structured data di URL mana pun atau tempel JSON-LD kamu untuk menemukan error sintaks, properti wajib yang hilang, dan kolom yang direkomendasikan untuk rich results Google.
- Penjelas robots.txt — Aturan robots.txt memang pendek, tapi mudah salah dibaca.
Pertanyaan yang sering diajukan
Berapa ukuran og:image yang terbaik?
Apakah saya perlu tag Twitter Card jika sudah punya tag Open Graph?
twitter:card yang diperlukan, karena X akan memakai og:title, og:description, dan og:image sebagai cadangan. Tambahkan twitter:card dengan nilai summary_large_image agar tampil dengan gambar besar.