Twitter卡片的完整指南

已發表: 2016-01-20

Twitter Cards 是一種協議，允許您將豐富的照片、視頻和其他交互式媒體附加到推文，以增加您網站的流量。 Twitter 提供了大量不同的卡片。 此外，Twitter Cards 可以與幾行 HTML 集成到您的網頁中。 使用推文鏈接到您的內容的用戶將在推文中添加一張卡片，對其所有關注者可見。

Twitter Cards 是您的 SEO 策略的絕佳合作夥伴，因為它有助於提高參與度、提高點擊率和轉化率。 因此，Twitter Cards 可以改善您在社交媒體上的內容推廣，並發展您的品牌和本地 SEO。

了解不同類型的 Twitter 卡片

推特卡有 5 種類型：

  • 摘要卡
  • 帶有大圖像的摘要卡
  • 球員卡
  • 應用卡
  • 潛在客戶生成卡

摘要卡

摘要卡可用於博客文章、新聞、產品頁面或任何其他商業新聞。 這些卡片旨在通過顯示您的標題、描述和縮略圖來提供內容預覽。
要求：

  • 標題：70 個字符
  • 描述：200個字符
  • 圖片：至少 120×120 像素，不超過 1MB

要將其添加到您的網站，您需要將此代碼粘貼到您的網頁 HTML 中：

<元名稱=“推特：卡片”內容=“摘要” />
 <元名稱=”twitter:site” 內容=”@yoursite” />
 <meta name=”twitter:title” content=”你的標題” />
 <meta name=”twitter:description” content=”你的描述。” />
 <meta name="twitter:image" content="https://where-your-image-is-hosted/name.jpg" />

帶有大圖像的摘要卡

這些卡片的工作原理與前一張卡片完全一樣，只是圖像的大小不同。 它允許以全寬顯示更具吸引力的圖像，以更好地吸引您網站上的觀眾。
要求：

  • 標題：70 個字符
  • 描述：200個字符
  • 圖片：至少 280 x 150 像素且不超過 1MB

添加此 HTML 代碼以設置此類 Twitter 卡：

<元名稱=”twitter:card” 內容=”summary_large_image”>
<元名稱=”twitter:site” 內容=”@yourwebsite”>
<元名稱=”twitter:creator” 內容=”@yourtwitterhandle”>
<元名稱=“推特：標題”內容=“你的標題”>
<meta name=”twitter:description” content=”你的描述。”>
<meta name="twitter:image" content=" https://where-your-image-is-hosted/name.jpg ">

應用卡

應用卡片可用於在 Twitter 上推廣移動應用並增加安裝量。 此卡片突出顯示名稱、描述、圖標、評級和價格。 Twitter 可以使用您的應用程序 ID 來提取其中一些信息。
要求：

  • 標題：從應用 ID 排序
  • 描述：200個字符
  • 圖片：根據應用 ID 排序的應用徽標——圖片至少應為 800 x 320 像素，並且可以是 JPG、JPEG、PNG 或 GIF 格式。 1MB以下的圖片優先

如果您的應用在應用商店中不可用，Twitter 將無法獲取該信息。 如果您的應用不在美國商店中，請在 twitter:app:country 元標記中指明它的來源。 此外，如果您的鏈接直接指向 App Store 或 Google Play，Twitter 將自動創建應用卡。

這是您應該輸入的代碼：

<元名稱=”twitter:card” 內容=”app”>
<元名稱=”twitter:site” 內容=”@yourwebsite”>
<meta name=”twitter:description” content=”你的描述”>
<meta name=”twitter:app:country” content=”你的國家，比如美國”>
<meta name=”twitter:app:name:iphone” content=”你的 iphone 應用名稱”>
<meta name=”twitter:app:id:iphone” content=”你的 iphone 應用 ID”>
<meta name=”twitter:app:url:iphone” content=”你的 iphone 應用 URL”>
<meta name=”twitter:app:name:ipad” content=”你的 ipad 應用名稱”>
<meta name=”twitter:app:id:ipad” content=”你的 ipad 應用 ID”>
<meta name=”twitter:app:url:ipad” content=”你的 ipad 應用 URL”>
<meta name=”twitter:app:name:googleplay” content=”你的 googleplay 應用名稱”>
<meta name=”twitter:app:id:googleplay” content=”你的 googleplay 添加 ID”

球員卡

播放器卡片的創建是為了在您的推文中推廣視頻或音頻播放器等流媒體。 例如，這非常適合推送 Vines 或播客。
要求：

  • 描述：200個字符
  • 圖片：在不支持 iframe 或內聯播放器的平台上代替播放器顯示。 與您的尺寸相同
  • 播放器； 不超過 1MB
  • 視頻：H.264，基線配置文件，3.0 級，在 30fps 時高達 640 x 480 像素。
  • 音頻：AAC，低複雜度配置文件

潛在客戶生成卡

潛在客戶生成卡非常適合與潛在客戶建立聯繫。 因此，您可以收集有關潛在客戶的信息。 人們可以表達對您的業務的興趣，而無需填寫表格或離開他們的 Twitter 帳戶。 通常，他們的姓名、推特賬號和電子郵件地址已經輸入，因此他們無需填寫。
要求：

  • 標題：50 個字符
  • 號召性用語：20 個字符
  • 提交後消息（可選）：100 個字符
  • 圖片：至少 800 x 200 像素，寬高比為 4:1，不超過 3MB

要很好地設置您的潛在客戶生成卡，您需要登錄到您的 Twitter 廣告帳戶（即使該卡是免費的）：

  • 登錄推特
  • 單擊設置圖標並從下拉菜單中選擇 Twitter 廣告
  • 點擊頂部導航菜單中的廣告素材標籤，然後選擇卡片
  • 單擊創建您的第一個潛在客戶生成卡
  • 設置完成後，單擊推文選項卡，然後單擊右上角的藍色撰寫推文按鈕
  • 撰寫您的推文並在準備好後單擊將卡片附加到此推文
  • 選擇您要附加的卡片，然後發送您的推文

如何將這些 Twitter 卡片集成到 CMS 中？

如果您的網站在 WordPress 下運行，您可能希望將這些 Twitter 卡片集成到您的系統中以節省時間。 如果我們專注於 WordPress，您可以安裝三個插件：

  • 噴氣背包
  • JM 推特卡
  • Yoast的搜索引擎優化

Twitter 提供了一個很好的指南來設置你的 CMS 與 Twitter Cards，所以你一定要看看。

設置好後，您應該檢查它在 Twitter 上是否正常運行。 連接到 Twitter Card Validator，您將看到一切是否正常。 我們以上一篇文章為例：

如何檢查你的 Twitter Cards 表現？

更進一步，你可能想看看你的 Twitter Cards 行為。 我們最近開發了一項新功能，可讓您輕鬆檢查您的 Twitter Cards（順便說一下 Open Graphs）的表現。 您可以分析您的 Twitter Cards 分佈和屬性，獲得洞察力並訪問 URL 詳細信息。 這是您的 SEO 策略的絕佳合作夥伴，因為它可以提高您的社交分享範圍、點擊率和轉化率。

開始免費試用