Penjana tag meta Open Graph

Tag yang membina pratonton pautan

Apabila seseorang menampal pautan anda ke dalam siaran atau mesej, aplikasi menghantar perangkak ke halaman itu dan membaca beberapa tag <meta> dalam <head>. Tag tersebut datang daripada protokol Open Graph, yang menyenaraikan empat sebagai diperlukan:

• og:title: tajuk sepertimana ia patut muncul dalam pratonton.
• og:type: apakah halaman itu. website sesuai untuk kebanyakan halaman dan article sesuai untuk catatan blog. Protokol ini juga mentakrifkan jenis seperti profile, book, video.movie dan music.song.
• og:image: URL gambar yang mewakili halaman itu.
• og:url: URL kanonik, yang protokol gelar sebagai ID kekal objek’ itu.

Protokol ini juga mentakrifkan tag pilihan, dan penjana menulis yang berguna: og:description, og:site_name, dan butiran imej og:image:width, og:image:height dan og:image:alt. Tentang teks alt, protokol ini jelas: jika halaman menetapkan og:image, ia patut menetapkan og:image:alt, dan teks itu menerangkan apa yang ada dalam imej, bukan kapsyen.

Apa yang X tambah: twitter:card

X membaca Open Graph juga. rujukan penanda kad (dokumentasi pembangun X’, dipautkan di sini melalui Internet Archive kerana halaman asal kini dilencongkan) menyenaraikan sandaran untuk setiap tag: twitter:title bersandar pada og:title, twitter:description pada og:description, twitter:image pada og:image dan twitter:image:alt pada og:image:alt. Jadi satu tag yang berbaloi ditambah ialah twitter:card, yang memilih susun atur. Tinggalkannya dan rujukan yang sama menyatakan X mungkin bersandar pada kad ringkasan kecil, walaupun anda mahukan yang besar:

• summary_large_image: imej selebar penuh di atas tajuk. halaman kad imej besar X’ menyatakan imej untuknya menyokong nisbah aspek 2:1, dengan dimensi minimum 300 × 157 dan maksimum 4096 × 4096 piksel, di bawah 5MB, dalam JPG, PNG, WEBP atau GIF. SVG tidak disokong.
• summary: kad yang lebih kecil dengan imej segi empat sama. halaman kad ringkasan X’ menyatakan imej menyokong nisbah 1:1, daripada 144 × 144 hingga 4096 × 4096 piksel, dan dipangkas kepada segi empat sama pada semua platform.

Rujukan yang sama menyenaraikan kad app dan player, yang memerlukan medan tambahan untuk App Store atau pemain video, jadi ia dikecualikan di sini. Ia juga mendokumentasikan had yang digunakan oleh semakan di atas: 70 aksara untuk tajuk, 200 untuk penerangan dan 420 untuk teks alt.

Saiz imej yang dinyatakan oleh platform

• LinkedIn: panduannya untuk menjadikan laman web boleh dikongsi meminta og:title, og:image, og:description dan og:url, serta menyenaraikan saiz fail maksimum 5 MB, minimum 1200 × 627 piksel dan nisbah yang disyorkan 1.91:1.
• Meta: amalan terbaik perkongsiannya menyarankan penggunaan imej selebar sekurang-kurangnya 1080 piksel untuk skrin resolusi tinggi, dan sekurang-kurangnya 600 piksel lebar untuk memaparkan iklan pautan imej. Halaman yang sama meminta og:image:width dan og:image:height supaya perangkak dapat memaparkan imej dengan segera tanpa perlu memuat turun dan memprosesnya dahulu.

Imej 1200 × 630 memenuhi semua ini: ia sekurang-kurangnya 1200 × 627 untuk LinkedIn, lebih lebar daripada 1080 untuk Meta, dan 1.905:1, dalam lingkungan 5% daripada 2:1 X’s.

Semak, dan segarkan semula pratonton lama

Aplikasi menyimpan cache apa yang dikikisnya, jadi membetulkan tag tidak membetulkan pratonton yang telah pun disimpan. Kedua-dua rangkaian besar menyediakan alat untuk ini:

• Sharing Debugger Meta menunjukkan tag yang dikikis oleh perangkaknya, dengan sebarang ralat atau amaran, dan mencetuskan kikisan baharu. Panduan webmaster Meta menerangkannya, dan halaman amalan terbaik menyatakan bahawa kandungan yang dikikis sebaliknya dikemas kini pada tempoh standard 24 jam.
• Post Inspector LinkedIn menyegarkan semula URL yang disimpan dalam cache. Halaman bantuan LinkedIn menyatakan bahawa penyegaran hanya memberi kesan kepada siaran baharu: siaran yang sudah mengandungi URL itu mengekalkan pratonton lama.

Apa yang alat ini tidak lakukan

Ia tidak mengambil halaman atau imej anda, jadi ia tidak dapat melihat apa yang sebenarnya langsung, dan pratonton di atas ialah lakaran teks dan bukannya hasil pemaparan. Ia menulis tag; laman anda masih perlu menyajikannya dalam <head> halaman, dalam HTML yang diterima oleh perangkak. Tag yang ditambah kemudian oleh JavaScript mungkin tidak akan dilihat. Dan ia tidak menulis kad app atau player, atau sifat tambahan yang ditakrifkan oleh jenis seperti book atau video.movie.

Jika anda lebih suka tidak menulis ini sendiri

Hermoso ialah pemasaran autopilot: ia menyelidik iklan yang sudah berkesan dalam pasaran anda, membuat iklan imej dan video mengikut jenama, menjadualkan siaran dan menjalankan kempen berbayar pada akaun iklan anda sendiri. Ia berfungsi dalam aplikasi web, atau dalam Claude, ChatGPT dan Cursor melalui pelayan MCP-nya.

Alat percuma: Pembina pautan UTM · Penjana kod QR · Panduan saiz media sosial

Soalan lazim

Tag Open Graph yang mana diperlukan?

Protokol Open Graph menyenaraikan empat sifat yang diperlukan: og:title, og:type, og:image dan og:url. Tag og:description, og:site_name serta lebar, tinggi dan alt og:image adalah pilihan tetapi berbaloi ditambah.

Adakah saya perlukan twitter:title dan twitter:image jika saya sudah ada tag og:?

Tidak. Rujukan markup kad X menyatakan twitter:title, twitter:description, twitter:image dan twitter:image:alt akan menggunakan semula padanan og: mereka. Tag yang berbaloi ditambah ialah twitter:card, yang memilih susun atur kad.

Apakah saiz yang sepatutnya bagi imej Open Graph?

LinkedIn meminta sekurang-kurangnya 1200 × 627 piksel pada 1.91:1 dan di bawah 5 MB. Meta mencadangkan sekurang-kurangnya 1080 piksel lebar. Kad imej besar X menyokong 2:1 daripada 300 × 157 hingga 4096 × 4096. Imej 1200 × 630 sesuai dengan ketiga-tiganya.

Mengapa pautan saya masih memaparkan imej lama selepas saya menukar tag?

Aplikasi menyimpan cache calitan lama. Jalankan URL melalui Sharing Debugger Meta atau Post Inspector LinkedIn untuk mengambilnya semula. LinkedIn menyatakan bahawa siaran yang sudah berkongsi URL itu akan mengekalkan pratonton lama.

Mengapa petikan dan ampersan ditukar dalam output?

Ia dilepaskan HTML supaya tag kekal sah. Tajuk seperti Tom & Jerry's "Sale" menjadi Tom & Jerry's "Sale" di dalam atribut content, dan pelayar serta perangkak membacanya semula sebagai teks asal.

Adakah alat ini memuatkan imej saya?

Tidak. Tiada apa yang anda taip dihantar ke mana-mana dan URL imej tidak pernah diambil, itulah sebabnya pratonton memaparkan pemegang tempat dan bukannya gambar.