---
title: Open Graph 與社群卡片：被忽略的 AEO 信號｜完整設定教學
description: Open Graph 和 Twitter Card 不只影響社群分享，也是 AI 引擎的重要資料來源。完整教學讓你的網站在社群和 AI 搜尋中都表現出色。
author: AEO Scanner
published: 2026-04-01 15:23:57
updated: 2026-04-01 15:23:57
language: zh
tags: OpenGraph,Twitter Card,社群,設定
canonical: https://aeo.codecity.com.tw/blog/open-graph-social-cards
---
# Open Graph 與社群卡片：被忽略的 AEO 信號｜完整設定教學
## Open Graph 不只是社群分享
大多數人認為 Open Graph（OG）標籤只用於 Facebook、LINE 分享時的預覽。但 OG 標籤也是 AI 引擎理解你網頁的重要資料來源。
AI 引擎使用 OG 標籤來：
- 快速了解頁面的標題和描述
- 判斷頁面的類型（文章、產品、網站）
- 獲取代表性圖片
- 確認頁面的 canonical URL
## Open Graph 必要標籤
```html
```
## Twitter / X Card 標籤
```html
```
## AEO 計分方式
**Open Graph（10%）：**
- og:title +20 分
- og:description +20 分
- og:image +20 分
- og:url +20 分
- og:type +20 分
**社群卡片（5%）：**
- 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 標籤代碼。掃描後直接複製貼上到你的網頁 `` 中。