TL
Tool Lab
💰捐贈
💰捐贈

Twitter Card Preview

Preview Twitter Cards and generate meta tags for social sharing.

預覽

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="My Page Title for Social Sharing">
<meta name="twitter:description" content="A compelling description that appears in the Twitter card preview. Keep it under 200 characters for best display.">
<meta name="twitter:site" content="@mywebsite">

關於本工具

Twitter / X 卡片預覽顯示您的頁面在 Twitter（現在的 X）上分享時的外觀，並產生要新增到 HTML 中的正確元標籤。

支援兩種卡片類型：帶大圖的摘要（全寬橫幅）和摘要（小方形縮圖，適合文章和播客）。

使用方法

  1. 選擇摘要或帶大圖的摘要卡片類型。
  2. 填寫標題、描述和選填的圖片 URL。
  3. 預覽即時更新以顯示卡片的外觀。
  4. 複製產生的元標籤並貼到 HTML head 中。

使用情境

內容行銷人員在活動前預覽 Twitter 卡片。開發者為部落格文章和產品頁面新增元標籤。SEO 團隊審查現有頁面的遺失或錯誤設定的卡片。

常見問題

  • 應該使用什麼圖片尺寸？ — 帶大圖的摘要：1200×628 px（2:1 比例）。摘要：至少 144×144 px 正方形。最大 5 MB。
  • 需要在 Twitter 註冊嗎？ — Twitter / X 不再需要開發者卡片審批。只需新增元標籤，卡片就會顯示。
  • 可以對 LinkedIn 和 Facebook 使用相同的標籤嗎？ — LinkedIn 和 Facebook 使用 Open Graph 標籤（og:title、og:image 等），而不是 Twitter 卡片標籤。請使用 OG 標籤產生器工具。