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。讓這些內容與頁面標題、描述保持一致,並在修改後透過除錯工具重新抓取,以清除快取的預覽。
相關詞彙
- Title 標籤(標題標籤)Title 標籤是放在頁面 <head> 中的 <title> 元素,用來定義頁面的正式名稱,會顯示為搜尋結果中可點擊的標題,以及瀏覽器分頁的名稱。
- Meta 描述(meta description)<meta name="description"> 標籤用一到兩句話摘要頁面內容,經常被當成搜尋結果中標題下方的摘要片段(snippet)。
- Favicon 與觸控圖示(網站圖示)透過 <link rel="icon"> 與 <link rel="apple-touch-icon"> 宣告的小型網站圖示,會出現在瀏覽器分頁、書籤、行動裝置主畫面與搜尋結果中。
- JSON-LD(結構化資料格式)JSON-LD 是一種以 JSON 為基礎的格式,透過 script type="application/ld+json" 區塊在頁面中嵌入機器可讀的結構化資料,也是 Google 建議用來描述組織、產品、文章等實體的方式。
官方參考資料
外部連結,將於新分頁開啟。
把知識化為行動。
親手逐項完成每一項檢查,並轉成可分享的 GEO Score 報告——或在數秒內自動掃描你的網站。