Open Graph

分享頁面前驗證 Open Graph metadata

社群 crawler 會在人看到頁面前讀取 metadata。只有當 URL、描述與可見內容都描述同一資源時,正確標題才有意義。

內容更新: · 維護者與修正回報

從標記追查社群預覽缺圖

以 Tea & "Cake" 作為測試標題,搭配公開 canonical URL 與完整 HTTPS 圖片網址產生標記,再查看部署後的頁面原始碼。跳脫後標題仍應是一個完整屬性值,圖片也必須能在沒有登入 Cookie 的情況下被 crawler 讀取。

若標記存在卻沒有圖片,請登出後開啟圖片 URL,確認回應狀態與內容類型。轉到登入頁或回傳 HTML 錯誤頁,都不是圖片回應。修正後再透過平台除錯工具重新抓取。

從標記追查社群預覽缺圖
情況判讀與下一步
仍顯示舊標題先查部署後原始碼,再查平台快取及上次抓取時間。
只顯示一種語言讓分享 URL 直接對應預期語言與 metadata。
重複 og:title同時查頁面與版型,從來源移除互相衝突的值。

先決定 canonical 資源

先選定希望使用者分享的公開 URL。不要讓 og:url 指向 preview deployment、篩選結果或含有私密狀態的 URL。

跳脫值,不是整份文件

metadata 值可能包含引號、& 或非拉丁文字。插入 markup 前應跳脫每個值;不要在結構已不清楚時手動修改複製出的 tag 字串。

本機預覽不是 crawler 抓取

工具可以協助產生 tag,卻不能發布、檢查圖片可用性或清除平台快取。部署頁面後,社群預覽仍過期時應使用對應平台的 debugger。

<meta property="og:url" content="https://example.test/guides/url-encoding/">

資料可信度

資料來源