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/">資料可信度