什么是 Twitter 卡验证器以及如何使用它?

已发表: 2022-04-08

那么,什么是 Twitter 卡验证器?

要知道这一点,首先,您需要了解 Twitter 卡是什么。

不要心情不好。 你不是唯一一个不知道 Twitter 卡片的人。

看,Twitter 是实现您的内容营销梦想的绝佳平台。

据社交媒体统计,Twitter 拥有超过 3.5 亿活跃用户。 这是一个巨大的优质流量池,等待通过您的内容工作进行转换。

那么如何激发点击率? 您如何使推文具有足够的吸引力以吸引观众访问您的网站、博客和登录页面?

通过创建内容丰富、吸引人且结构良好的推文。 现在,您将如何在仅 280 个字符的限制内完成所有这些操作?

这就是 Twitter 卡片出现的地方。 Twitter 卡片使您能够在不超出字符限制的情况下向您的关注者传达引人注目的信息。

在此博客中,我们将讨论有关 Twitter 卡、Twitter 卡验证器的所有内容,以及如何使用它们通过 Twitter 营销来扩大潜在客户。

让我们撕吧!

什么是推特卡?

Twitter 卡片旨在为您的链接推文提供更具吸引力和结构化的外观,从而使与您的受众的互动更具吸引力。 他们身临其境的体验增加了将更多流量转移到共享页面的机会。

您所要做的就是在您的网页中添加几行代码,然后每当有人分享您的内容链接时,它就会以 Twitter 卡片的形式显示给他们的所有关注者。

在这里,Twitter 的系统识别推文中的 URL 并爬取站点以获取卡片类型和内容以构建推文。

您以前可能没有听说过 Twitter 卡片,但它是您每天在 Twitter 提要上遇到的东西。

请看下面的 Twitter 卡片示例。 在这里,youtube 视频的链接被这张漂亮的播放器卡所取代。

jonathan-cipriano

Twitter卡并不新鲜。 许多人以前使用它们来超越 140 个字符的限制并分享更多信息。 现在,字符限制已更改,但卡片仍在使用中。

让我们更多地了解 Twitter 卡片。

Twitter卡的类型

Twitter 尝试了不同的卡片选项,之前有一张潜在客户生成卡片,但后来停产了。 目前,您可以选择创建 4 种 Twitter 卡片。

每张卡片都有不同的视觉体验,具体取决于它们支持的媒体类型。 您需要选择要实施的卡类型。

注意:每页只能有一张卡片。

1. 推特摘要卡

顾名思义,摘要卡提供了您共享的网页的适当简介,其中包括缩略图、标题、描述和页面的 URL。

twiiter-anniversary

摘要卡是展示多种网络内容的好方法,例如博客文章、新闻文章、电子商务产品和餐厅评论。

卡片中的简短描述本身就是一个很好的号召性用语,让您的用户点击推文并转到您的内容。

如何将 Twitter 摘要卡添加到您的网站?

要添加摘要卡,您必须将下面编写的代码粘贴到您的网站标题中,并注明正确的归属。

  • 首先,您定义卡类型。
<meta name="twitter:card" content="summary" />
  • 然后提供卡应归属的帐户的@username。
<meta name="twitter:site" content="@username" />
  • 接下来,为内容页面写一个清晰的标题。 android 和 iOS 应用程序上的标题将被截断为两行,而在 web 上查看则为一行。 因此,请将其保持在 70 个字符以下。
 <meta name="twitter:title" content="Title of your webpage" />

一个 200 个字符的描述来正确总结内容页面。 切记不要使用标题作为描述。 那将是一种浪费。

 <meta name="twitter:description" content="Description" />
  • 现在给出要出现在 Twitter 卡片上的图像的 URL。
 <meta name="twitter:image" content="image URL" />

为获得最佳结果,请使用以下尺寸和字符限制:

标题:70 个字符

描述:200个字符

支持的图像尺寸:纵横比1:1,最小尺寸144X144像素,最大4096×4096像素。

图像大小:小于 5 MB

2. 大图推特摘要卡

想想摘要卡,但图像很大。

带有大图像的摘要卡与典型摘要卡具有相同的功能,但您可以添加大图像。

chandraveer-singh

品牌使用它来强调网页的视觉元素。 在拥挤的 Twitter 时间线中,大型结构化图像可以成为出色的滚动停止器

如何将带有大图像的 Twitter 摘要卡添加到您的网站?

以下是您需要添加到您的网站的元标记,以在您的推文中实现带有大图像的摘要卡。

 <meta name=”twitter:card” content=”summary_large_image”> <meta name=”twitter:site” content=”@yourwebsite”> <meta name=”twitter:creator” content=”@yourtwitterhandle”> <meta name=”twitter:title” content=”your title”> <meta name=”twitter:description” content=”your description.”> <meta name=”twitter:image” content=”image URL">
<meta name=”twitter:card” content=”summary_large_image”> <meta name=”twitter:site” content=”@yourwebsite”> <meta name=”twitter:creator” content=”@yourtwitterhandle”> <meta name=”twitter:title” content=”your title”> <meta name=”twitter:description” content=”your description.”> <meta name=”twitter:image” content=”image URL">

大图摘要卡的尺寸:

标题:70 个字符

描述:200个字符

支持的图像尺寸:纵横比为 2:1,最小尺寸为 300×157 或最大为 4096×4096 像素。

图像大小:小于 5 MB

3.推特应用卡

除了推广网站内容外,Twitter 还是推广应用程序以推动安装的绝佳场所。 毕竟,80% 的 Twitter 用户在移动设备上访问该平台。

借助应用卡片功能,推广您的应用变得更加有趣。 应用卡片是在 Twitter 上宣传您的应用以获得更多下载量的好方法。

它展示了名称、图标、描述,甚至是应用程序的价格和评级等信息。

social-media-tool

另外,请确保您的应用程序在应用商店中公开可用; 否则,Twitter 将无法提取必要的数据来创建应用卡。

如何将应用卡添加到您的网站?

  • 要添加应用卡片,请将以下代码粘贴到您的网页 HTML 中:
 <meta name=”twitter:card” content=”app”> <meta name=”twitter:site” content=”@yourwebsite”> <meta name=”twitter:description” content=”your description”>
<meta name=”twitter:card” content=”app”> <meta name=”twitter:site” content=”@yourwebsite”> <meta name=”twitter:description” content=”your description”>
  • 默认情况下,Twitter 从美国商店中提取数据,因此如果您的应用在其他国家/地区可用,请使用以下标签定义国家/地区名称。
 <meta name=”twitter:app:country” content=”your country like US”>
  • 接下来,您在 App Store 中定义应用程序的名称、应用程序 ID 和 URL。
 <meta name=”twitter:app:name:iphone” content=”your iphone app name”> <meta name=”twitter:app:id:iphone” content=”your iphone app ID”> <meta name=”twitter:app:url:iphone” content=”your iphone app URL”>
<meta name=”twitter:app:name:iphone” content=”your iphone app name”> <meta name=”twitter:app:id:iphone” content=”your iphone app ID”> <meta name=”twitter:app:url:iphone” content=”your iphone app URL”>
  • 针对 iPad 优化的应用程序的标签。 如果您的应用程序未针对 iPad 进行优化,请按照与 iPhone 相同的方式填写标签。
 <meta name=”twitter:app:name:ipad” content=”your ipad app name”> <meta name=”twitter:app:id:ipad” content=”your ipad app ID”> <meta name=”twitter:app:url:ipad” content=”your ipad app URL”>
<meta name=”twitter:app:name:ipad” content=”your ipad app name”> <meta name=”twitter:app:id:ipad” content=”your ipad app ID”> <meta name=”twitter:app:url:ipad” content=”your ipad app URL”>
  • 为您在 Google Play 上的应用定义相同的参数。
 <meta name=”twitter:app:name:googleplay” content=”your googleplay app name”> <meta name=”twitter:app:id:googleplay” content=”your googleplay app ID”> <meta name="twitter:app:url:googleplay" content="your Google Play app URL ">
<meta name=”twitter:app:name:googleplay” content=”your googleplay app name”> <meta name=”twitter:app:id:googleplay” content=”your googleplay app ID”> <meta name="twitter:app:url:googleplay" content="your Google Play app URL ">

应用卡要记住的尺寸:

标题:从您的应用 ID 中获取

描述:200个字符

图片:上传到 iTunes/Google Play 商店的图片大小必须小于 1 MB

4. 推特玩家卡片

视频一直是内容营销的王者,随着推特空间等音频平台的出现,音频也开始占据推特营销的前列。

幸运的是,播放器卡支持这两种媒体类型,并为 Twitter 周围的用户提供了更丰富的体验。

他们在做什么?

播放器卡会自动提取链接中的视频或音频,并在时间线或提要中播放,因此用户不必离开应用程序只是为了与多媒体进行交互。

cartier

该卡片是宣传新产品视频、播客片段、幕后花絮和品牌活动的绝佳方式。

如何将玩家卡添加到您的网站?

以下是示例代码,您需要将其粘贴到您的网页 HTML 中:

 <meta name="twitter:card" content="player" /> <meta name="twitter:site" content="@username" /> <meta name="twitter:title" content="Title of your video" /> <meta name="twitter:description" content="Description." /> <meta name="twitter:image" content="Image URL" /> <meta name="twitter:player" content="https://yoursite.com/container.html" /> <meta name="twitter:player:width" content="Width" /> <meta name="twitter:player:height" content="Height" />
 <meta name="twitter:card" content="player" /> <meta name="twitter:site" content="@username" /> <meta name="twitter:title" content="Title of your video" /> <meta name="twitter:description" content="Description." /> <meta name="twitter:image" content="Image URL" /> <meta name="twitter:player" content="https://yoursite.com/container.html" /> <meta name="twitter:player:width" content="Width" /> <meta name="twitter:player:height" content="Height" />

要更深入地了解和说明如何在各种平台上测试玩家卡体验,请访问此处。

如何使用 Twitter 卡验证器?

在您选择好您的卡片并将标签显示在您的网站上之后,下一步是检查一切是否正常工作。

你是怎样做的? 在 Twitter 卡验证器的帮助下,只需两个简单的步骤:

card-validator

第 1 步:转到 Twitter 卡验证器网页。

第 2 步:粘贴带有元标记的页面的 URL。 单击“预览卡”按钮。

如果一切正常,卡片预览将显示您的卡片在 Twitter 提要中的显示方式。 此外,您将看到有关元标记数量、卡片类型以及卡片加载成功的成功消息的信息。

card-preview

另一方面,如果您的卡未找到或有任何其他问题,您将在日志部分看到一条错误消息。

log

结论

仅仅因为 Twitter 卡是旧的并不意味着它们不起作用。 统计证明,带有媒体的推文比普通推文效果更好。 提示 Twitter 卡为您创造奇迹。

与您的营销策略相一致的正确 Twitter 卡片可以提高您的 Twitter 个人资料的知名度、参与度和整体美感

因此,请确保您接受这个想法,与您的团队讨论它,并让您的后端开发人员开始工作。

此外,如果您像我一样相信 Twitter 可以成就或破坏您的品牌,并且认真地想以您的方式扭转局势; 今天就试试 SocialPilot!