Pratonton Tag OG - Penyemak Tag Meta Open Graph
Masukkan nilai Open Graph dan Kad Twitter anda untuk melihat pratonton media sosial secara langsung. Jana kod tag meta sedia untuk digunakan serta-merta.
Apakah Tag Meta Open Graph?
Tag meta Open Graph (OG) adalah elemen meta HTML yang mengawal cara halaman web anda dipaparkan apabila dikongsi di platform media sosial seperti Facebook, Twitter, LinkedIn, dan Discord. Ia mentakrifkan tajuk, perihalan, imej, dan URL yang dipaparkan dalam kad pratonton media sosial. Tag OG yang dikonfigurasikan dengan betul boleh meningkatkan kadar klik-lalu daripada perkongsian sosial dengan ketara.
Cara Menggunakan Alat Pratonton Tag OG Ini
- Masukkan Nilai OG — Isikan og:title, og:description, URL og:image, og:url, og:type, dan og:site_name
- Tambah Tag Kad Twitter — Secara pilihan, tindihkan tajuk, perihalan dan imej untuk kad Twitter/X
- Semak Pratonton Langsung — Lihat dengan tepat bagaimana halaman anda akan kelihatan di Facebook, Twitter, LinkedIn, dan Discord
- Salin Kod yang Dijana — Klik Salin Kod untuk mendapatkan tag meta HTML sedia untuk ditampal untuk halaman anda
Mengapa Menggunakan Alat Pratonton OG Ini?
- 4 Pratonton Platform — Lihat pratonton Facebook, Twitter/X, LinkedIn, dan Discord serentak
- Kemas Kini Masa Nyata — Pratonton dikemas kini serta-merta semasa anda menaip, tidak perlu memuat semula halaman
- Penjanaan Kod — Menjana kod HTML tag meta yang diformatkan dengan betul secara automatik
- Sokongan Kad Twitter — Medan berasingan untuk tindihan khusus Twitter (twitter:title, twitter:image, dll.)
- Tiada Pelayan Diperlukan — Semuanya berjalan dalam pelayar anda. Tiada data dihantar ke mana-mana pelayan
- Garis Panduan Saiz — Cadangan terbina dalam untuk dimensi imej optimum (1200x630px)
FreeToolbox vs Alat Pratonton OG Lain
| Ciri | FreeToolbox | OpenGraph.xyz | MetaTags.io |
|---|---|---|---|
| Platform | 4 (FB, TW, LI, DC) | 3 (FB, TW, LI) | 3 (Google, FB, TW) |
| Pratonton Masa Nyata | Ya | Ya | Ya |
| Penjanaan Kod | Ya | Ya | Ya |
| Pratonton Discord | Ya | Tidak | Tidak |
| Tiada Akaun Diperlukan | Ya | Ya | Tahap percuma terhad |
| Iklan | Minimum | Sederhana | Berat |
Soalan lazim
Apakah saiz og:image yang disyorkan?
Saiz yang disyorkan ialah 1200 x 630 piksel (nisbah aspek 1.91:1). Ini berfungsi dengan baik di Facebook, Twitter, LinkedIn, dan Discord. Gunakan format PNG atau JPG, dan pastikan saiz fail di bawah 8MB.
Mengapa alat ini tidak boleh mendapatkan tag OG dari URL?
Keselamatan pelayar (dasar CORS) menghalang JavaScript daripada mendapatkan kandungan dari domain lain. Alat ini menggunakan input manual sebagai gantinya, yang sebenarnya lebih baik untuk pratonton tag sebelum anda menerbitkannya.
Adakah saya memerlukan kedua-dua tag OG dan Kad Twitter?
Twitter/X akan kembali kepada tag OG jika tag khusus Twitter tiada. Walau bagaimanapun, menambahkan twitter:card disyorkan untuk mengawal jenis kad. Gunakan tag khusus Twitter hanya jika anda mahukan kandungan yang berbeza di Twitter berbanding platform lain.
Apakah og:type yang patut saya gunakan?
Gunakan 'website' untuk halaman utama dan halaman umum, 'article' untuk catatan blog dan berita, 'product' untuk halaman produk. 'website' lalai berfungsi untuk kebanyakan kes.
Bagaimana cara saya menguji tag OG langsung saya yang sebenar?
Selepas menambahkan tag meta pada halaman anda, gunakan Facebook's Sharing Debugger (developers.facebook.com/tools/debug), Twitter Card Validator, dan LinkedIn Post Inspector untuk mengesahkan tag berfungsi dengan betul.