社群媒體標籤

設定 Open Graph 與 Twitter 卡片的預設值,讓分享連結在主要社群平台上維持一致的預覽效果。

概覽

社群媒體標籤 會控制頁面在社群平台分享時使用的中繼資料。

後台路徑:Airygen SEO -> 設定 -> 社群媒體標籤

這個模組主要和預覽有關。它能幫你決定當文章沒有個別社群資料時,平台應該看到哪張圖片、哪個帳號與哪種標籤格式。

設定

此頁面包含 設定預覽

設定 -> Open Graph

當你需要為 Facebook、LinkedIn、Threads 與其他依賴 og:* 標籤的服務設定規則時,請使用 Open Graph

  • 啟用 Open Graph 用來開啟或關閉 Open Graph 輸出。
  • 預設圖片 — URL 用來設定備援圖片網址。
  • 預設圖片 — 附件 ID 用來設定媒體庫圖片,當 URL 與附件 ID 同時存在時,這個值會優先使用。
  • 發布者 URL 可加入選填的發布者頁面參照。
  • og:image:widthog:image:height 可幫助平台更穩定地快取與判斷圖片尺寸。
  • 網域驗證 用來儲存 Meta 網域驗證 token。
  • fb:app_id 可在你有使用 Facebook App 時進行連結。
  • fb:admins 可儲存 Facebook 管理員 ID,以支援相關洞察功能。

設定 -> Twitter

當你希望 Twitter 與 X 卡片有自己的規則時,請使用 Twitter

  • 啟用 Twitter Cards 用來開啟或關閉 Twitter 卡片輸出。
  • 預設卡片類型 可選擇 summary_large_imagesummary
  • Twitter 網站帳號 用來填入品牌帳號。
  • Twitter 作者帳號 用來填入作者或創作者帳號。
  • 沿用 Open Graph 圖片 會讓 Twitter 重用 Open Graph 圖片。
  • 沿用 Open Graph 圖片 關閉時,你可以另外用 URL 或附件 ID 設定 Twitter 專用的預設圖片。

預覽

預覽區會根據你目前的設定顯示產生出的 og:*twitter:* 標籤,方便你在測試真實網址前先檢查內容。

如何使用

  1. 開啟 Airygen SEO -> 設定 -> 社群媒體標籤
  2. Open Graph 中,開啟 啟用 Open Graph,並透過 預設圖片 — URL預設圖片 — 附件 ID 設定一張穩定的備援圖片。
  3. 只有在你的社群工作流程真的會用到時,才填寫 發布者 URL網域驗證fb:app_idfb:admins
  4. Twitter 中,開啟 啟用 Twitter Cards,並選擇 summary_large_imagesummary 作為預設卡片樣式。
  5. 如果你希望平台預覽對應到真實品牌或作者帳號,請填寫 Twitter 網站帳號Twitter 作者帳號
  6. 決定是否保留 沿用 Open Graph 圖片,若 Twitter 卡片需要不同視覺素材,再另外設定 Twitter 的預設圖片。
  7. 開啟 預覽 檢查產生的標籤,然後儲存並到你最重視的平台外部預覽工具測試真實頁面。

儲存後請確認以下項目:

  • 備援圖片尺寸正確,且不會被嚴重裁切。
  • 網站與創作者帳號指向正確的帳戶。
  • 當文章沒有自訂社群圖片時,預覽仍然好看。
  • 產生的標籤與平台偵錯工具顯示的內容一致。

SEO 效益

社群標籤不會直接提升搜尋排名,但能改善連結在社群網站與通訊平台上的呈現方式。更好的預覽有助於提升點擊、強化品牌識別,並降低卡片顯示異常的情況。

使用情境

仰賴視覺分享的品牌網站

調整前:分享出去的連結會隨機抓圖,或顯示不完整的預覽內容。

調整後:社群媒體標籤 套用受控的備援圖片與一致的卡片格式,讓分享出去的文章看起來更完整、更專業。

有多位作者的編輯團隊

調整前:分享文章時從未顯示正確的品牌帳號或作者帳號,導致社群歸屬感不一致。

調整後:團隊設定 Twitter 網站帳號Twitter 作者帳號 預設值,讓社群預覽更容易維護,也更值得信任。

常見問題

社群標籤會直接影響搜尋排名嗎?

不會。它們主要是改善你的連結在社群網路與訊息平台上的顯示效果。

如果我同時設定預設圖片 URL 與附件 ID,會發生什麼事?

附件 ID 會優先使用,所以系統會先採用媒體庫中的圖片。

Twitter 一定要重用 Open Graph 圖片嗎?

不一定。重用 Open Graph 圖片比較省事,但如果品牌在該平台需要不同視覺素材,獨立的 Twitter 圖片會更合適。