頁面 SEO 基礎

Open Graph 與 Twitter Card 標籤

別稱 OG 標籤 · 社群 meta 標籤 · 社群分享標籤

Open Graph 與 Twitter Card meta 標籤告訴社群平台與通訊軟體如何呈現連結預覽,包括標題、描述與圖片。

這是什麼

Open Graph 是一套 <meta property="og:*"> 標籤(og:title、og:description、og:image、og:url、og:type)的協定,用來定義頁面的社群呈現方式。Twitter/X Cards 則新增 <meta name="twitter:*"> 標籤(例如 twitter:card),用來控制在 X 上的預覽樣式。

為什麼重要

這些標籤掌控了你的頁面在社群媒體、通訊軟體,以及越來越多會展開連結的 AI 工具中所顯示的豐富預覽。吸引人且準確的預覽能提升分享的點擊率,並在各平台間強化一致的品牌與實體(entity)訊號。

如何檢查

檢視原始碼,確認 <head> 中存在 og:title、og:description、og:image 與 twitter:card,且圖片使用絕對網址。可使用 Facebook Sharing Debugger 或 LinkedIn Post Inspector 等分享除錯工具來呈現並重新整理預覽。

如何修正

新增 og:title、og:description、og:image(至少 1200x630 像素、使用絕對網址)、og:url 與 og:type,並將 twitter:card 設為 summary_large_image。讓這些內容與頁面標題、描述保持一致,並在修改後透過除錯工具重新抓取,以清除快取的預覽。

在檢查清單中

這個概念對應到 GEO Score 檢查清單中的一項檢查。

使用檢查清單

相關詞彙

官方參考資料

外部連結,將於新分頁開啟。

把知識化為行動。

親手逐項完成每一項檢查,並轉成可分享的 GEO Score 報告——或在數秒內自動掃描你的網站。