Open Graph(OG)是一組放在網頁裡的標籤,控制你的連結被分享到 Facebook、LINE、Threads、Telegram 時,顯示的標題、描述和縮圖。簡單說,meta description 管你在 Google 搜尋結果上長怎樣,OG 管你在社群上長怎樣,兩個是一組的。圖片建議 1200 x 630,WordPress 多半靠 SEO 外掛自動產生。這篇帶你搞懂 OG 是什麼、有哪些標籤、各平台抓誰、圖片要多大、怎麼設定,還有改了標題或圖卻沒更新時怎麼辦。
Open Graph 是什麼?
「文章分享到 FB,怎麼縮圖跑掉、標題還是舊的?」這種狀況,問題就出在 Open Graph。Open Graph(簡稱 OG)是一組寫在網頁原始碼 head 裡的 meta 標籤,專門控制你的連結被分享到社群時長什麼樣,包括顯示的標題、一句描述、還有那張縮圖。
最好懂的比喻是:你應該知道 meta description 管的是你在 Google 搜尋結果上的長相,那 OG 就是社群版的 meta description,管的是你被貼到 Facebook、LINE 上的長相。一個給搜尋引擎看、一個給社群看,兩個是一組的。沒設好,辛苦分享出去的連結就是一塊醜醜的空白,根本沒人想點。想先搞懂搜尋版的那個,可以看 meta description 是什麼 那篇。
Open Graph 有哪些主要標籤?
OG 其實就是幾個 og 開頭的標籤,各管一塊。先看這張表你就懂了:
| 標籤 | 控制什麼 |
|---|---|
| og:title | 分享時顯示的標題 |
| og:description | 分享時顯示的那句描述 |
| og:image | 分享時的縮圖 |
| og:url | 這一頁的正式網址 |
| og:type | 內容類型(文章、網站等) |
很多人會問我:og:title、og:description 跟我寫的標題、meta description 一樣嗎?對象不一樣,但可以一樣、也可以分開設。多數 SEO 外掛預設會直接拿你的文章標題當 og:title、拿摘要當 og:description,所以你通常不用另外寫;真的想讓社群版有不同的標題或描述,再去外掛裡單獨改就好。
各社群平台抓哪些 OG 標籤?
這裡先破一個常見誤會:Open Graph 只有一套標準,不是每個平台各有一套。Facebook、LINE、Threads、Telegram 都讀同一組 og: 標籤,只有 Twitter(X)多了一套自己的標籤。所以「Telegram 用 Twitter 的」「LINE 吃 Facebook 的」這種講法,其實是把同一套 og: 誤會成各平台各自的版本。實際情況如下:
| 平台 | 抓哪一組標籤 |
|---|---|
| 標準 og: | |
| LINE | 標準 og:(沒設就退抓標題、描述或內文) |
| Threads | 標準 og:(Meta 自家產品) |
| Telegram | 標準 og:(og:image 缺時可能退抓 twitter:image,但不保證) |
| Twitter / X | 自己的 twitter: 卡片標籤,缺了才退抓 og: |
對部落客的實際意義:把 og: 那組設好,FB、LINE、Threads、Telegram 就都顧到了。只有在意 Twitter 呈現的人要注意,Twitter 靠 twitter: 卡片標籤決定要大圖還小圖,光靠 og: 退抓常常變成不起眼的小圖,講究的話得另外補 twitter 標籤。
og:image 圖片要多大、要注意什麼?
og:image 是 OG 裡最重要、也最容易出包的一個,因為那張縮圖決定了你的連結在社群上夠不夠醒目。幾個重點:
- 尺寸建議 1200 x 630(比例約 1.91:1),這是 Facebook、LINE 都吃的安全值
- 重要的文字、人臉別貼到圖片邊緣,因為不同平台會裁切,貼邊容易被切掉
- 檔案別太大,太大載入慢,社群有時會抓不到
如果你想自己做一張漂亮的分享縮圖、或調整抓圖的細節,我之前寫過實作,可以看 Facebook 分享連結圖片尺寸 那篇。
WordPress 怎麼設定 Open Graph?
好消息是,WordPress 用 SEO 外掛的話,Open Graph 大多是自動產生的。像 Slim SEO、Yoast、Rank Math,預設都會幫每篇文章輸出 OG 標籤:通常拿精選圖片當 og:image、文章標題當 og:title、摘要當 og:description,你什麼都不用做就有基本款。
需要手動改的是特殊情況:例如你有一篇內容,想貼到社群時用跟網站不一樣的標題或圖。這件事用 SEO 外掛幾乎都能做到,其中 Rank Math 能設定的 OG 樣式最多、花樣也最多,可以單獨指定每篇的 og:title、og:image,設得好對社群點擊很有加分。想看 Facebook 預覽怎麼客製,可以看我寫的 自訂 Facebook 社群預覽 那篇。把整體 SEO 體質一起顧好,則可以看 部落格 SEO 懶人包。
改了 Open Graph 卻沒更新?社群快取與偵錯器
這是 OG 最讓人抓狂的一點:你明明改好了標題或圖,分享出去卻還是舊的。原因是社群平台會把你那一頁的 OG 資料快取起來,不會每次都重抓,所以你改了它一時不知道。
解法是去叫平台重新抓一次:
- Facebook:用官方的「分享偵錯工具(Sharing Debugger)」貼上網址,按一次重新抓取(Scrape Again)清掉舊快取,縮圖和標題才會更新(關於臉書偵錯工具的進階用法,之後會有專文)
- LINE:LINE 自己的「LINE Page Poker」工具已經停用,現在要用替代做法清快取,我整理在 LINE 分享縮圖更新 那篇
金城老師觀點
老實說,Open Graph 對部落客的回報率很高,但很多人完全沒在管。你想想,一篇辛苦寫的東京自由行攻略,分享到社團、限動、群組,那張縮圖跟標題就是它的門面。門面好看,點的人就多;空白一塊或縮圖跑掉,再好的內容也被埋沒。它大多是外掛自動處理的,你只要偶爾檢查精選圖片有沒有設、分享出去長得對不對,CP 值非常高。
延伸閱讀
參考資料
常見問題
Open Graph 是什麼?
Open Graph(OG)是一組寫在網頁原始碼裡的 meta 標籤,控制你的連結被分享到 Facebook、LINE、Threads、Telegram 等社群時,顯示的標題、描述和縮圖。可以把它想成社群版的 meta description。
og:image 圖片要多大?
建議 1200 x 630(比例約 1.91:1),Facebook 和 LINE 都吃這個尺寸。重要文字和人臉別貼邊,避免被裁切,檔案也別太大以免抓不到。
每個社群平台都抓同一組 Open Graph 嗎?
差不多。Facebook、LINE、Threads、Telegram 都讀同一組 og: 標籤,Open Graph 只有一套標準。只有 Twitter(X)多了一套自己的 twitter: 卡片標籤,缺了才退抓 og:。
WordPress 要自己設定 Open Graph 嗎?
多數不用,Slim SEO、Yoast、Rank Math 會自動輸出 OG,通常拿精選圖片當縮圖。只有想讓社群版用跟網站不一樣的標題或圖時才手動改,其中 Rank Math 能設定的 OG 樣式最多、花樣最多。
改了 Open Graph 標題或圖,分享出去還是舊的怎麼辦?
那是社群平台把舊資料快取了。Facebook 用官方分享偵錯工具按重新抓取清快取就會更新;LINE 的 Page Poker 已停用,要用替代做法清。

