Bannerify

免費工具免費 Twitter 卡片驗證工具。發文前先預覽你的 X 卡片。

檢查任何網址的 twitter:card 標籤,查看 X 顯示的卡片(大圖或摘要),並一併預覽 Facebook 與 LinkedIn。無須登入。

免費,不需要註冊帳號。

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

使用方式

  1. 01

    貼上網址

    你想在 X 上發佈的頁面網址。

  2. 02

    查看卡片

    查看 X 從你的標籤讀取的卡片類型、標題與圖片,以及缺少的標籤。

  3. 03

    修正後再檢查

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

常見問題

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

官方的 Twitter Card Validator 後來怎麼了?

2022 年 8 月,X 移除了 Card Validator 的預覽功能,改請使用者在發文編輯器中預覽卡片。這個驗證工具會根據你頁面上的標籤顯示卡片,不需要登入,也不必發文。

twitter:card 有哪些類型?

共有四種:summary、summary_large_image、app 和 player。網頁請使用 summary_large_image,才能顯示大圖卡片。沒有 twitter:card 標籤時,X 只能顯示小型的 summary 卡片。

Twitter 卡片需要多大的圖片?

summary_large_image 的規格:比例 2:1,至少 300 × 157、最大 4096 × 4096 像素,小於 5 MB,格式為 JPG、PNG、WEBP 或 GIF。X 只會使用 GIF 的第一個影格,也不支援 SVG。1200 × 630 的圖片可同時用於 X、Facebook 和 LinkedIn。

X 會讀取 Open Graph 標籤嗎?

會。缺少 twitter: 標籤時,X 會改用對應的 Open Graph 標籤:og:title、og:description 和 og:image。因此 X 專用的標籤往往只需要 twitter:card 一個。

為什麼 X 還是顯示舊的卡片?

X 最多可能保留卡片資料 7 天。X 會重新擷取帶有新查詢字串(例如 ?v=2)的網址,因此你可以發佈這個網址來顯示新卡片。

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

請確認圖片網址是絕對網址且為公開,檔案小於 5 MB 且不是 SVG,並確認 robots.txt 沒有封鎖 Twitterbot。

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

每篇貼文簽署一個圖片網址,Bannerify 就會用你自己的範本,為每個頁面生成卡片圖片。