Penjana Open Graph

Apabila pautan dikongsi, Facebook, LinkedIn, WhatsApp, Slack dan X membina kad pratonton daripada tag Open Graph halaman. Isi tajuk, penerangan dan imej, lihat kad seperti yang akan dipaparkan, kemudian salin tag. Alat ini memberi amaran apabila imej tiada atau terlalu kecil.

Import daripada HTML sedia ada

Tajuk

Google memotong pada kira-kira 600 px

Penerangan

Google memotong pada kira-kira 920 px

Alamat halaman (canonical)

Nama laman

Imej perkongsian (og:image)Ideal: 1200 × 630 px

Penerangan imej (alt)

og:type

og:locale

twitter:card

Nama pengguna X (Twitter)

Lebih banyak pilihan: penulis, warna tema, robots

Penulis

theme-color

Benarkan pengindeksan (index)

Ikut pautan (follow)

charset

viewport

Google

Facebook · LinkedIn · WhatsApp

X (Twitter)

HTML untuk <head>

Cara menggunakannya

Masukkan tajuk, penerangan dan alamat penuh halaman.
Tampal alamat imej perkongsian (1200 × 630 piksel adalah ideal) dan semak pratonton Facebook dan X.
Salin tag ke dalam <head> halaman. Selepas diterbitkan, gunakan penyahpepijat perkongsian setiap rangkaian untuk menyegarkan cache.

Soalan lazim

Apakah saiz og:image yang sesuai?
Gunakan 1200 × 630 piksel (nisbah 1.91:1), saiz yang disyorkan Facebook dan LinkedIn untuk kad besar; X memotong kad besar kepada 2:1. Jauhkan teks penting daripada tepi dan gunakan alamat https:// penuh.

Adakah saya perlu tag Twitter (X) yang berasingan?
Hanya twitter:card. X membaca og:title, og:description dan og:image apabila tag sendiri tiada, jadi alat ini hanya menambah jenis kad dan, jika anda mahu, @username anda.

Saya sudah menukar tag tetapi pratonton lama masih dipaparkan. Mengapa?
Rangkaian sosial menyimpan cache kad selama beberapa hari. Buka Facebook Sharing Debugger atau LinkedIn Post Inspector, tampal alamat dan minta mereka mengambil semula halaman.

🏷️ Penjana Meta Tag
🔗 Pembina Pautan UTM
🌈 Penjana Gradien CSS
🔲 Penjana CSS Box Shadow