Meta Sharing Debugger
https://developers.facebook.com/tools/debug/Lakukan re-scrape dan periksa hasil parsing Open Graph untuk platform Meta.
Generator Tag OGP (Output Otomatis untuk og:title, og:image, dan Lainnya)
Masukkan URL, judul, deskripsi, dan URL gambar. Buat meta tag Open Graph dan Twitter Card di satu tempat.
Siap salin-tempel
Pratinjau bawaan
Panduan gambar dan cache
Cara menggunakan
- Buka alat dan masukkan canonical URL, judul, dan URL gambar.
- Tambahkan deskripsi, nama situs, dan pengaturan Twitter bila perlu.
- Salin meta tag yang dihasilkan lalu tempelkan ke head halaman Anda.
- Periksa pratinjau dan catatan, lalu sesuaikan rasio gambar atau strategi cache bila diperlukan.
Apa itu OGP?
Open Graph Protocol (OGP) adalah metadata yang digunakan platform sosial dan aplikasi chat untuk menampilkan pratinjau tautan.
Dengan mengatur og:title, og:description, og:image, dan tag terkait, Anda dapat memengaruhi tampilan URL saat dibagikan.
Menggabungkan OGP dengan tag Twitter Card membantu menjaga perilaku pratinjau tetap lebih konsisten di berbagai platform.
Panduan ukuran gambar (agar render pratinjau lebih stabil)
Panduan platform Meta (referensi)
- Referensi minimum: 200×200.
- Sering stabil: 1200×630 atau lebih besar, minimal 600×315.
- Target rasio aspek sekitar 1.91:1.
- Panduan ukuran file gambar biasanya 8MB atau kurang.
Panduan kartu X (referensi)
- summary_large_image umumnya menargetkan rasio sekitar 2:1.
- Rentang referensi: minimum 300×157, maksimum 4096×4096.
- Panduan ukuran file biasanya kurang dari 5MB.
- Gunakan JPG/PNG/WEBP/GIF jika didukung.
Saat perubahan tidak muncul (cache dan re-scrape)
- Crawler sosial bisa menyimpan metadata yang pernah diambil. Gunakan debugger/inspector tiap platform untuk meminta re-scrape.
- Jika penggantian gambar tidak muncul, mengganti URL gambar dapat membantu (ubah nama file atau query string).
- Menetapkan og:image:width dan og:image:height dapat meningkatkan stabilitas render pada beberapa kasus.
LinkedIn Post Inspector
https://www.linkedin.com/post-inspector/Segarkan dan periksa data pratinjau URL di LinkedIn.
X Card Validator
https://cards-dev.twitter.com/validatorValidasi metadata X card dan paksa pengambilan kartu bila tersedia.
FAQ
Bisakah alat ini juga membuat tag Twitter Card?
Ya. Alat ini dapat menghasilkan twitter:card dan tag terkait sekaligus. Mode minimal juga tersedia.
Ukuran gambar seperti apa yang sebaiknya saya pakai?
Gunakan panduan praktis sesuai tujuan. Pratinjau yang berorientasi Meta sering memakai rasio sekitar 1.91:1 (misalnya 1200×630), sedangkan X summary_large_image sering memakai rasio sekitar 2:1 (misalnya 1200×600).
Mengapa perubahan tidak tercermin?
Sebagian besar kasus terkait cache. Lakukan re-scrape melalui alat platform dan pertimbangkan mengganti URL gambar setelah file diganti.