Bannerify

免費工具免費 Open Graph 檢查工具。檢查你的 OG 標籤。

檢查任何網址的 Open Graph 標籤。查看連結在 X、Facebook 和 LinkedIn 上的顯示效果,找出缺少的標籤,並測試 og:image 的尺寸。無須帳號。

免費,不需要註冊帳號。

貼上公開頁面的網址。檢查工具會立即擷取該頁面,並顯示連結預覽。

使用方式

  1. 01

    貼上網址

    任何公開頁面都可以:部落格文章、產品頁面或你的首頁。

  2. 02

    查看檢查結果

    查看 X、Facebook 和 LinkedIn 的預覽、缺少的標籤,以及圖片尺寸。

  3. 03

    修正後再檢查

    每次檢查都會重新擷取頁面,因此你能立刻看到修改的結果。

常見問題

找不到答案嗎?請寄信到 an@bannerify.co,創辦人會親自回覆。

什麼是 Open Graph?

Open Graph 是放在頁面 head 中的一組 meta 標籤。它由 Facebook 制定,X、LinkedIn、Slack、Discord 和 iMessage 也都會讀取。這些標籤會告訴它們,在有人分享連結時要顯示哪個標題、說明和圖片。

連結預覽需要哪些標籤?

og:title、og:description 和 og:image,再加上設為 summary_large_image 的 twitter:card,才能在 X 顯示大圖卡片。也請加上 og:image:width 和 og:image:height,讓 Facebook 在第一次分享時就能顯示圖片。

為什麼我的連結沒有顯示圖片?

請先檢查這幾點:og:image 的網址是絕對網址,且能在無痕視窗中開啟;頁面不需要登入;檔案小於 5 MB;robots.txt 沒有封鎖該平台的爬蟲。

我已經修正標籤,為什麼平台還是顯示舊的預覽?

各平台會快取它們擷取的內容。請在 Facebook 的分享偵錯工具(Sharing Debugger)要求重新擷取頁面,LinkedIn 則使用 Post Inspector。X 最多可能保留舊卡片 7 天。

這個檢查工具會快取結果嗎?

不會。每次檢查都會重新擷取頁面並讀取其 head,因此你看到的一定是最新的修改。

如何為每個頁面製作 og:image?

可以用免費的 OG 圖片生成器製作一張圖片。若有許多頁面,請將範本複製到 Bannerify,並為每個頁面簽署一個圖片網址。Bannerify 會在平台第一次請求時生成每張圖片。

同樣的工作要重複上千次嗎?

每個頁面簽署一個圖片網址,Bannerify 就會用你自己的範本,為每個頁面生成 og:image。