Open Graph（OG）是 Facebook 在 2010 年提出的一組 meta 標籤協議， 用來決定你的網址被分享到社群平台時，預覽卡長什麼樣子。Facebook、LINE、Slack、Discord 等平台大量讀取 OG；X / Twitter 則主要使用 Twitter Card，但也可能參考部分 OG 資訊作為 fallback。 當你貼一條連結到 Facebook 自動跳出的縮圖、標題、描述，就是它解析的結果。
30 秒理解：為什麼貼連結會跳出縮圖？
當你把一個網址貼到 Facebook，Facebook 的伺服器會去那個網址抓 HTML， 讀取 <head> 區段裡的 <meta property="og:..."> 標籤， 再用這些標籤生出預覽卡。沒有設定 OG 的網站，Facebook 會嘗試自動猜——通常會抓到不理想的縮圖或內容。
三個一定要設的標籤
| 標籤 | 作用 | 建議 |
|---|---|---|
| og:title | 分享預覽的標題 | 60 字以內，前面放關鍵字 |
| og:description | 分享預覽的說明文字 | 110 字以內 |
| og:image | 分享預覽的縮圖 | 1200×630（1.91:1），< 8MB，不同平台裁切略有差異 |
常被忽略的補充標籤
- og:url：標準化的網址，避免不同 URL 變體拿到不同的分享統計。
- og:type：內容類型，常見值
website、article、product。 - og:site_name：你的網站名稱（顯示在預覽卡的上方）。
- og:locale：例如
zh_TW，告訴平台這是繁中內容。
除錯：分享出去的圖不是我設的那張？
最常見的原因：Facebook 已經快取了舊版本。解法是用 Facebook 提供的「分享偵錯工具」 （Sharing Debugger，在 developers.facebook.com 內），輸入你的網址、按「重新抓取」， Facebook 會強制更新快取。LINE 也有類似工具叫做 LINE Open Graph Debugger。
其他可能原因：og:image 路徑寫成相對網址（要用完整的 https URL）、圖片伺服器擋住 Facebook 的 User-Agent、 圖片大於 8MB 被拒絕、圖片小於 200×200 被忽略。
OG 對行銷的實質影響
同樣一條連結，有沒有設 OG 的分享效果天差地別。沒設 OG 的連結往往只顯示一條光禿禿的網址、 沒有縮圖也沒有描述，使用者看了就直接滑過去。設好 OG 的連結則會有完整的視覺卡片。 在社群導流場景，縮圖與標題常常會顯著影響點擊率；建議用不同 OG 組合做 A/B 測試。對於主要靠社群帶量的品牌、自媒體、KOL，OG 設定不只是錦上添花，是基本盤。
短網址可以自訂 OG 嗎？
如果你能改原始網站的 HTML，當然就在原網站設好 OG 標籤。 但行銷人常碰到的情境是「你要分享別人的網站」（媒體新聞、合作品牌、外連影片）， 無法修改對方的 OG。這時短網址可以幫忙—— 台灣知名度很高的PicSee就是把這個自訂 OG 預覽卡當主打功能，甚至為此申請了台灣發明專利。 Shhhh 沒有把這個列為主打功能；如果你的需求集中在分享預覽的視覺調整，PicSee 是更專門的選擇。
OG 不只是設定一次就好
OG 預覽卡的標題與描述其實會直接影響社群點擊率—— 建議像處理 Google 搜尋的 title／meta description 一樣，定期 A/B 測試不同的標題與縮圖。 在社群導流場景，縮圖與標題常常會顯著影響點擊率；建議用不同 OG 組合做 A/B 測試。