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 策略的绝佳合作伙伴，因为它可以提高您的社交分享范围、点击率和转化率。

开始免费试用