Penjana Open Graph

1200x630 piksel (nisbah 1.91:1) adalah saiz selamat universal untuk Facebook, LinkedIn, Twitter summary_large_image, dan kebanyakan platform lain. Saiz fail harus di bawah 8 MB (had Facebook) — sasarkan di bawah 1 MB untuk pemuatan yang pantas. Gunakan PNG untuk grafik dengan ketelusan, JPEG untuk foto. Apa-apa yang di bawah 200x200 piksel mungkin tidak dipaparkan langsung di Facebook. Imej segi empat (1200x1200) juga berfungsi dengan baik jika imej anda kelihatan lebih cantik dalam bentuk segi empat.

og:type memberitahu platform jenis kandungan halaman anda. website adalah lalai dan berfungsi untuk laman utama, laman mendarat (landing pages), dan kebanyakan halaman statik. article adalah untuk hantaran blog dan berita — ia membuka tag tambahan seperti article:author, article:published_time, dan article:section. product adalah untuk barangan e-dagang. video.movie dan music.song wujud untuk kandungan media. Menggunakan jenis yang betul boleh membolehkan pratinjau yang lebih kaya pada beberapa platform.

Twitter membaca tag OG sebagai sandaran, jadi pautan anda akan dipaparkan dengan pratinjau walaupun tanpa tag Twitter Card yang jelas. Walau bagaimanapun, Twitter Card memberi anda dua tambahan penting: (1) jenis twitter:card — summary_large_image memaparkan imej lebar penuh di atas teks pautan, jauh lebih menarik perhatian daripada gambar kecil dalam kad ringkasan asas; (2) twitter:site dan twitter:creator — pemegang @handle anda akan muncul di bawah kad. Untuk pemasaran kandungan, menambah tag Twitter Card adalah berbaloi dengan dua baris tambahan HTML.

Facebook dan LinkedIn menyimpan cache data OG dengan agresif. Selepas mengemas kini URL og:image anda, gunakan Facebook Sharing Debugger (developers.facebook.com/tools/debug) untuk memaksa pengimbasan semula — tampal URL anda dan klik "Scrape Again". LinkedIn mempunyai Post Inspector di linkedin.com/post-inspector. Twitter/X biasanya dikemas kini dalam masa beberapa jam secara automatik. Menukar URL imej (contohnya menambah ?v=2 sebagai cache buster) juga memaksa platform untuk mengambil imej baharu.

og:locale mengisytiharkan bahasa dan wilayah kandungan anda, contohnya en_US, fr_FR, atau tr_TR. Ia adalah pilihan tetapi berguna untuk laman pelbagai bahasa — ia membantu Facebook menyajikan versi bahasa yang betul apabila pengguna mengklik pautan yang dikongsi. Formatnya ialah bahasa_TERITORI dengan garis bawah (bukan sengkang). og:locale:alternate boleh menyenaraikan lokasi sokongan tambahan. Untuk laman satu bahasa, membiarkannya kosong adalah tidak mengapa; Facebook secara lalai menggunakan en_US.

Facebook Sharing Debugger (developers.facebook.com/tools/debug) adalah yang paling lengkap — ia menunjukkan dengan tepat tag mana yang diimbas, sebarang amaran, dan membenarkan anda memaksa kemas kini cache. LinkedIn Post Inspector (linkedin.com/post-inspector) menguji pratinjau LinkedIn. Twitter Card Validator (cards-dev.twitter.com/validator) memeriksa kad Twitter. Alat ini menunjukkan data sebenar yang diimbas, bukan simulasi, jadi ia dapat mengesan masalah seperti URL imej yang disekat atau tag wajib yang hilang.

Tidak. Semua penjanaan tag OG dan paparan pratinjau sosial berlaku dalam pelayar anda dengan JavaScript. Tajuk halaman, penerangan, URL, dan URL imej anda tidak pernah meninggalkan mesin anda.