Pratinjau Tag OG - Pemeriksa Meta Tag Open Graph
Masukkan nilai Open Graph dan Twitter Card Anda untuk melihat pratinjau media sosial secara langsung. Hasilkan kode meta tag siap pakai secara instan.
Apa Itu Meta Tag Open Graph?
Meta tag Open Graph (OG) adalah elemen meta HTML yang mengontrol bagaimana halaman web Anda muncul saat dibagikan di platform media sosial seperti Facebook, Twitter, LinkedIn, dan Discord. Tag ini mendefinisikan judul, deskripsi, gambar, dan URL yang muncul di kartu pratinjau media sosial. Konfigurasi tag OG yang tepat dapat secara signifikan meningkatkan rasio klik-tayang dari konten yang dibagikan di media sosial.
Cara Menggunakan Alat Pratinjau Tag OG Ini
- Masukkan Nilai OG — Isi og:title, og:description, URL og:image, og:url, og:type, dan og:site_name
- Tambahkan Tag Twitter Card — Secara opsional, timpa judul, deskripsi, dan gambar untuk Twitter/X cards
- Periksa Pratinjau Langsung — Lihat persis bagaimana halaman Anda akan terlihat di Facebook, Twitter, LinkedIn, dan Discord
- Salin Kode yang Dihasilkan — Klik Salin Kode untuk mendapatkan meta tag HTML yang siap ditempelkan ke halaman Anda
Mengapa Menggunakan Alat Pratinjau OG Ini?
- 4 Pratinjau Platform — Lihat pratinjau Facebook, Twitter/X, LinkedIn, dan Discord secara bersamaan
- Pembaruan Waktu Nyata — Pratinjau diperbarui secara instan saat Anda mengetik, tidak perlu memuat ulang halaman
- Pembuatan Kode — Secara otomatis menghasilkan kode HTML meta tag yang diformat dengan benar
- Dukungan Twitter Card — Kolom terpisah untuk penimpaan khusus Twitter (twitter:title, twitter:image, dll.)
- Tidak Diperlukan Server — Semuanya berjalan di peramban Anda. Tidak ada data yang dikirim ke server mana pun
- Panduan Ukuran — Rekomendasi bawaan untuk dimensi gambar optimal (1200x630px)
FreeToolbox vs Alat Pratinjau OG Lainnya
| Fitur | FreeToolbox | OpenGraph.xyz | MetaTags.io |
|---|---|---|---|
| Platform | 4 (FB, TW, LI, DC) | 3 (FB, TW, LI) | 3 (Google, FB, TW) |
| Pratinjau Waktu Nyata | Ya | Ya | Ya |
| Pembuatan Kode | Ya | Ya | Ya |
| Pratinjau Discord | Ya | Tidak | Tidak |
| Tidak Perlu Akun | Ya | Ya | Tingkat gratis terbatas |
| Iklan | Minimal | Sedang | Berat |
Pertanyaan umum
Berapa ukuran og:image yang direkomendasikan?
Ukuran yang direkomendasikan adalah 1200 x 630 piksel (rasio aspek 1.91:1). Ini berfungsi dengan baik di Facebook, Twitter, LinkedIn, dan Discord. Gunakan format PNG atau JPG, dan jaga ukuran file di bawah 8MB.
Mengapa alat ini tidak dapat mengambil tag OG dari URL?
Keamanan peramban (kebijakan CORS) mencegah JavaScript mengambil konten dari domain lain. Alat ini menggunakan input manual sebagai gantinya, yang sebenarnya lebih baik untuk melihat pratinjau tag sebelum Anda menerbitkannya.
Apakah saya memerlukan tag OG dan Twitter Card?
Twitter/X akan menggunakan tag OG jika tag khusus Twitter tidak ada. Namun, menambahkan twitter:card direkomendasikan untuk mengontrol jenis kartu. Gunakan tag khusus Twitter hanya jika Anda menginginkan konten yang berbeda di Twitter dibandingkan platform lain.
og:type apa yang harus saya gunakan?
Gunakan 'website' untuk beranda dan halaman umum, 'article' untuk posting blog dan berita, 'product' untuk halaman produk. 'website' default berfungsi untuk sebagian besar kasus.
Bagaimana cara menguji tag OG langsung saya?
Setelah menambahkan meta tag ke halaman Anda, gunakan Sharing Debugger Facebook (developers.facebook.com/tools/debug), Twitter Card Validator, dan LinkedIn Post Inspector untuk memverifikasi bahwa tag berfungsi dengan benar.