← 返回專欄 SEO 與 AI 搜尋優化

OG 標籤是什麼?Open Graph image 社群圖&分享設定!

作者:SYBRAND 編輯團隊 · 2026/9/1

OG 標籤是什麼?Open Graph image 社群圖&分享設定! 文章封面

OG 標籤是什麼:決定連結分享時第一印象的關鍵標記

Open Graph 標籤(簡稱 OG 標籤)是一套最初由 Facebook 提出、目前已被各大社群與通訊平台廣泛採用的網頁標記規範,用來定義當一個網址被分享、貼上或轉傳時,該以什麼樣的標題、描述文字與縮圖呈現。換句話說,OG 標籤決定的不是搜尋結果的排名,而是內容被分享出去那一刻,收到訊息的人第一眼會看到什麼樣的畫面。

為什麼品牌該重視這組看似技術性的標記

如果沒有設定 OG 標籤,連結在社群平台上分享時,往往會抓取到不理想的預設圖片、雜亂的頁面片段文字,甚至完全沒有預覽畫面,這種缺乏整理的呈現,會直接削弱點擊意願,也讓品牌形象打了折扣。相對地,一張精心設計的預覽圖搭配清楚的標題與描述,能大幅提升連結在社群動態中被注意、被點擊的機會,是社群分享成效中容易被忽略、卻能直接掌控的一環。

核心標籤逐一認識:og:title、og:description、og:image、og:url

最基本且必須設定的幾組標籤包括:og:title 定義分享時顯示的標題,通常會與頁面主標題相呼應但可視情況調整得更吸引點擊;og:description 提供簡短的描述文字,說明這則內容的重點;og:image 指定分享時顯示的預覽圖片網址;og:url 則標明這則內容的正式網址,確保分享出去的連結指向正確的頁面。四者搭配完整,才能組成一張資訊完整的預覽卡片。

分享圖片的設計建議:尺寸與比例的實務考量

設計 OG 分享圖片時,建議採用較為橫向的比例,讓圖片在多數平台的預覽卡片中,都能完整呈現而不被裁切變形,圖片解析度也應維持在一定水準以上,避免在螢幕上顯示時出現模糊感。此外,圖片中如果包含文字,建議將關鍵文字集中於畫面中央區域,因為部分平台的預覽卡片版型,可能會裁切掉圖片邊緣的部分內容。

如何確認 OG 標籤已經正確生效

設定完成後,不建議只憑肉眼檢視網頁原始碼就認定標籤已經生效,因為部分平台會快取先前抓取過的預覽資訊。建議善用各大社群平台自身提供的連結預覽除錯或分享偵錯工具,貼上網址後實際確認抓取到的標題、描述與圖片是否與預期相符,若發現快取的舊資訊尚未更新,也可透過這類工具主動要求平台重新抓取。

小標記,大影響:把分享出去的每一次曝光都經營好

OG 標籤本身雖然只是網頁 head 區塊裡幾行簡短的程式碼,卻直接決定了內容在社群平台被分享時的專業度與吸引力。對於投入大量心力產製優質內容的品牌而言,若因為忽略這組標籤,讓分享出去的連結呈現雜亂或錯誤的預覽畫面,無疑是相當可惜的疏漏,值得將 OG 標籤的檢查,納入每一次內容發布前的例行檢查清單之中。