og:image Tidak Muncul? Cara Memperbaikinya
og:image yang tidak muncul hampir selalu disebabkan oleh salah satu dari lima hal: URL gambar tidak bersifat publik, ukuran gambar terlalu besar, platform menyimpan versi lama dalam cache, tag menargetkan halaman yang salah, atau format gambar tidak didukung. Panduan ini membahas setiap perbaikan dengan alat debugging yang disediakan oleh Facebook, X, dan LinkedIn.
Mengapa og:image saya tidak tampil?
Sebagian besar waktu, URL gambar tidak dapat diambil secara publik, ukuran file melebihi batas platform, atau platform menampilkan salinan cache. Platform sosial melakukan pengambilan ulang (re-scrape) sesuai jadwal dan menyimpan cache secara agresif, sehingga gambar baru sering kali tampak "tidak berfungsi" hingga Anda memaksa penyegaran dengan alat debug mereka.
Lima penyebab paling umum (dan cara mengatasinya)
1. URL gambar tidak bersifat publik
Platform harus dapat mengambil gambar tanpa autentikasi. URL yang berada di balik login, localhost, atau alamat IP akan gagal.
Perbaikan: host gambar di URL publik dengan HTTPS dan pastikan curl -I <image-url> mengembalikan 200 OK dengan Content-Type gambar.
2. Ukuran gambar terlalu besar
Sebagian besar platform membatasi gambar OG maksimal 8 MB (X sekitar 5 MB). PNG berukuran besar akan gagal secara diam-diam.
Perbaikan: pertahankan ukuran file di bawah 5 MB; kartu teks 1200×630 biasanya berukuran 200–500 KB. Di FastOG, keluaran PNG sudah diatur ukurannya untuk ini.
3. Platform menyimpan cache versi lama
Facebook, X, LinkedIn, Slack, dan Discord semuanya menyimpan cache secara agresif. Meta juga menyimpan salinan gambarnya sendiri dan mengaitkan pratinjau pada URL halaman, sehingga URL gambar baru saja tidak akan mengubahnya. Setelah mengubah gambar, kartu lama akan tetap bertahan selama berjam-jam atau berhari-hari.
Perbaikan: paksa pengambilan ulang (scrape) dengan alat platform (di bawah). Untuk gambar yang berubah, gunakan URL yang berubah seiring konten (URL bertanda tangan FastOG melakukan ini secara otomatis). Untuk satu platform yang mengizinkan penyegaran terprogram, lihat Force a Facebook Open Graph Cache Refresh.
4. URL salah atau halaman salah
Tag og:image mungkin hilang, duplikat, atau mengarah ke halaman tanpa tag tersebut.
Perbaikan: lihat sumber halaman dan pastikan tag og:image ada, dirender di server, dan bersifat absolut.
5. Format tidak didukung
Beberapa platform menolak format tertentu atau gambar animasi.
Perbaikan: gunakan PNG atau JPG; rasio yang didukung adalah 1200×630.
Alat debugging
| Platform | Alat |
|---|---|
| Facebook / WhatsApp | Sharing Debugger — developers.facebook.com/tools/debug |
| X / Twitter | Card Validator — cards-dev.twitter.com/validator |
Post Inspector — linkedin.com/post-inspector |
Tempelkan URL, lalu klik "Scrape" / "Refresh" untuk menarik tag terbaru.
Kekhasan FastOG
- FastOG merender PNG 1200×630 — ukuran yang didukung — sehingga masalah ukuran/rasio dapat dihindari.
- URL yang ditandatangani hanya membatasi render pertama; gambar yang di-cache tetap valid, sehingga kartu yang dibagikan tetap berfungsi.
- Ubah judul → ubah URL → satu render baru. Platform (pada akhirnya) akan mengambil kartu baru saat Anda memaksa pengambilan ulang (re-scrape).
FAQ
Apakah FastOG menjamin og:image saya muncul?
FastOG mengirimkan PNG 1200×630 yang valid dari URL publik. Apakah platform menampilkannya bergantung pada cache platform tersebut — lakukan pengambilan ulang (re-scrape) dengan validator setelah mengubah gambar.
Mengapa Facebook menampilkan gambar lama meskipun saya sudah memperbaruinya?
Facebook menyimpan hasil scrape dalam cache, dan platform tersebut menyimpan salinan gambarnya sendiri — jadi URL og:image yang baru saja tidak akan mengubahnya. Gunakan Sharing Debugger → "Scrape Again"; Force a Facebook Open Graph Cache Refresh mencakup rute API, token aplikasi yang diperlukan, dan batas kecepatan (rate limits) yang harus dipatuhi.
Bagaimana cara memaksa X menampilkan kartu baru saya?
Buka X Card Validator dan tempel URL-nya. Validator tersebut akan mengambil ulang og:image dan twitter:image terbaru.