Open Graph 不只是社群分享
大多數人認為 Open Graph（OG）標籤只用於 Facebook、LINE 分享時的預覽。但 OG 標籤也是 AI 引擎理解你網頁的重要資料來源。
AI 引擎使用 OG 標籤來：
- 快速了解頁面的標題和描述
- 判斷頁面的類型（文章、產品、網站）
- 獲取代表性圖片
- 確認頁面的 canonical URL
Open Graph 必要標籤
<meta property="og:type" content="website" />
<meta property="og:title" content="你的頁面標題" />
<meta property="og:description" content="簡短描述" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:image" content="https://example.com/og-image.png" />
<meta property="og:site_name" content="你的網站名稱" />
Twitter / X Card 標籤
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="你的頁面標題" />
<meta name="twitter:description" content="簡短描述" />
<meta name="twitter:image" content="https://example.com/og-image.png" />
AEO 計分方式
Open Graph（10%）：- og:title +20 分
- og:description +20 分
- og:image +20 分
- og:url +20 分
- og:type +20 分
- twitter:card +40 分
- twitter:title +30 分
- twitter:description +30 分
- og:image 存在 +20 分（bonus）
OG Image 最佳實踐
- 尺寸：1200 x 630 像素
- 格式：PNG 或 JPG
- 包含品牌 Logo 和頁面標題文字
- 避免太多文字（Facebook 會限制）
使用 AEO Scanner 自動生成
AEO Scanner 會自動為你的網站生成建議的 Open Graph 標籤代碼。掃描後直接複製貼上到你的網頁 <head> 中。