SEO 與社群分享

Open Graph 社群卡片預覽

在上線前比較五種平台的分享外觀、檢查內容長度,並產生可直接貼入 head 的 Meta Tags。

分享內容

Meta Tags

平台預覽

實際版型可能隨平台更新

發佈前檢查

必要欄位
標題建議
描述建議

Open Graph 與社群分享最佳實務

Open Graph 讓社群平台在抓取網址時取得明確的標題、描述、圖片與標準網址。若缺少標籤,平台可能自行擷取頁面文字或任意圖片,造成截斷、重複或品牌不一致。X 支援 Twitter Card 標籤;同時提供 OG 與 Twitter 標籤能得到較可控的跨平台結果。

分享圖常用 1200 × 630 像素(約 1.91:1),重要文字與 Logo 應遠離邊緣,以免在不同版型被裁切。標題和描述沒有跨平台完全一致的硬限制,工具以常見安全範圍提示,但最終仍要在各平台除錯工具與真實貼文中驗證。

上線檢查清單

  1. 為每個重要頁面提供獨立且符合內容的標題與描述。
  2. 使用絕對 HTTPS 圖片網址與清楚的 canonical URL。
  3. 確認圖片能被公開存取,且伺服器回傳正確 Content-Type。
  4. 更新後利用平台 Debugger 清除舊快取。

常見問題

Open Graph 是什麼?
它是一套 Meta 標籤協定,讓 Facebook、LinkedIn、Discord 等服務理解分享卡片內容。
OG 圖片應該多大?
1200 × 630px 是常見起點;重要元素需保留安全邊界,並控制檔案大小。
已有 OG 為何還需要 Twitter Card?
X 雖可回退使用 OG,但專屬標籤能明確指定 summary_large_image 等卡片類型。
工具預覽會與平台一模一樣嗎?
不保證。平台可能更新 UI、依裝置裁切或套用內容政策,這裡用於發佈前近似檢查。
分享卡片仍顯示舊內容怎麼辦?
確認線上原始碼已更新,再使用 Facebook Sharing Debugger、LinkedIn Post Inspector 等工具重新抓取。