用白話說,Open Graph 是什麼?

一組標準 meta 標籤,告訴 Facebook、X、LinkedIn、WhatsApp,當有人分享你的連結時該顯示什麼標題、描述和圖片。沒有它們,平台就只能亂猜——通常猜得很糟。

支援微信或 QQ 的卡片預覽嗎?

不支援。本工具解析的是標準 Open Graph 協定標籤,預覽面向 Facebook、X、LinkedIn、WhatsApp。微信、QQ 用的是各自的私有分享規範,不在檢測範圍內。

檢測器讀取哪些 og 標籤?

og:title、og:description、og:image(含 width/height/alt)、og:url、og:type、og:site_name、og:locale,以及 twitter:card、twitter:title、twitter:description、twitter:image——標籤缺失時會顯示頁面標題作為備援。

為什麼我的預覽在各平台不一樣?

每個平台裁切方式不同、快取也很兇:X 需要 twitter:card 才能出大圖,LinkedIn 很少重新抓取,WhatsApp 的縮圖很小。所以本工具把四個平台並排呈現。

og:image 該用多大尺寸?

1200×630 像素是通用安全尺寸(1.91:1),小於約 2 MB,用 https 在穩定網址上提供。本工具的圖片檢查會替你核對狀態、類型和大小。

og:image 與 OG 標籤檢測預覽工具

Open Graph 是什麼,哪些 og 標籤重要

Open Graph 是什麼?它是一小組 meta 標籤(Open Graph 協定,由 Facebook 創立),告訴平台如何把你的連結展開成卡片:og:title、og:description、og:image、og:url 是四大件,twitter:card 是 X 的配套標籤。它們決定了你的分享是一張豐富的社群卡片,還是一個光禿禿的灰色連結。像本工具這樣的檢視器,只是從你的線上 HTML 裡讀取這些標籤,再呈現出每個平台的樣子。注意:本工具解析的是標準 Open Graph 標籤,面向 Facebook/X/LinkedIn/WhatsApp,不涉及微信、QQ 等中國大陸平台的卡片。

值得測試的出包方式:og:image 藏在轉址之後或用了 http 網址(很多平台會拒絕)、圖片超過約 5 MB(會被跳過)、缺失 twitter:card(X 退化成小號摘要),以及改版後抓取器快取過期。大改上線前跑一遍圖片檢查,每次改範本都把它當驗證器用,分享看著不對時把它當偵錯工具用——每修一次就重新看一遍預覽。社群卡片會靜默損壞,而 WhatsApp 那版往往最先壞。