如何正确使用Twitter卡片来提升你的社交媒体游戏

如果你曾经看过一个视频、因为有趣的GIF图而笑了,或者因为吸引人的图片而阅读了一篇文章,那么你已经和Twitter卡片互动过了。

Twitter卡片是一种让你的推文比普通推文更具可点击性和视觉吸引力的绝妙方式。

在这篇文章中,我们将告诉你关于卡片的一切,从定义到类型,以及如何通过一步一步的指南正确使用它们。

废话不多说,让我们开始吧。

什么是Twitter卡片?

Twitter卡片是富媒体推文,吸引Twitter用户的注意力,通过使用图片、视频和音频使内容更具吸引力和互动性。

卡片最初是为了帮助用户(尤其是品牌)突破140字符的限制而引入的,后来在2017年增加到了280字符。

除此之外,Twitter卡片也是品牌创建引人注目和可点击推文的一种方式。无论是让用户点击博客链接还是提高移动应用程序的下载量。下面的例子是Neil Patel使用概要卡片与Twitter用户分享他的博客。

图片来源:neilpatel

使用这样的卡片,你可以展示比标准推文更多的信息,包括图片、标题和链接,而不会超出字数限制。

但是这些卡片是如何运作的呢?🤔

从技术上讲,当你在Twitter上发布一个链接时,Twitterbot的User-Agent会在网页上搜索meta标签的标记。如果在那个特定的URL上有meta标签可用,它会自动将链接转换为带有图片和简短内容描述的卡片。

此外,将链接推文给你的内容的用户将在推文中添加一个“卡片”,这个卡片对他们的关注者可见。

使用Twitter卡片的重要性

Twitter卡片可以帮助你在不超出字数限制的情况下传达有用和丰富的信息。除此之外,它们仍然是用户最喜欢的工具的四个主要原因。通过Twitter卡片,你可以:

获得更好的可见性

事实上,带有图片的推文比没有图片的推文更容易被转发。

所以,当你使用Twitter卡片分享一篇文章时,用户将看到你文章的特色图片和一个行动按钮。

这样,你的帖子就会被Twitter算法青睐,并尽可能多地被人看到。

增加转化和网站流量

Twitter卡片帮助你摆脱那些单调的链接。它们会爬取链接,并从你的网页内容中提取出所有有用的东西,将它们转化为引诱用户点击和访问你网站的简短摘要。

为了理解这一点,请看下面的图片:

图片来源:Search Engine Land

促进互动

Twitter卡片不包含基于文本的术语。相反,它们像是带有图片/视频、标题和整洁CTA的摘要。

通过正确的meta标签,Twitter卡片可以显示比生活还要大的图像预览,展示你的标题、社交媒体账号、品牌标识和CTA,以前所未有的方式。拥有这么多互动元素鼓励用户查看一些。

获得更多应用程序下载

有不同的样式和布局可以以最佳方式展示内容的卡片,下一节将详细介绍这些内容。其中之一是应用卡。使用应用卡,您的关注者可以直接转到客户的应用下载页面,不需要任何麻烦。

同样,您可以使用各种形式的Twitter卡片来鼓励用户的互动。

Twitter卡片类型

#1. 摘要卡片

摘要卡片旨在在点击链接之前为读者提供内容预览。它包括标题,描述和缩略图。

您可以最好地使用它来分享博客,新闻文章,产品或将用户引导到特定的着陆页。

在下面的示例中,Monday.com使用摘要卡片分享其成就,并附带一个获取新申请者的链接。

图片来源:monday.com

#2. 带大图的摘要卡片

带大图的摘要卡片旨在为用户提供丰富的视觉体验。该卡片具有全宽度的特色图像,点击该图像会将用户重定向到您的网站。

下面的图片显示了一个带有大图的摘要卡片。您可以看到缩略图相对于普通摘要卡片要大。

图片来源:Crazy Egg

#3. 应用卡

顾名思义,这些Twitter卡片是为帮助企业在平台上推广其应用而创建的。

应用卡直接从App Store或Google Play获取信息。包括名称,描述和图标,还突出显示评级和价格等属性。

或者,您可以在卡片上编写一个全新的应用程序描述。

应用卡的图像也直接从您的应用所在的应用商店下载。

为确保您的应用卡正常工作,上传到iTunes / Google Play商店的图像必须小于1MB。

#4. 播放器卡

播放器卡允许用户在推文中提供视频和音频体验。

这些视频会自动循环播放在时间轴和动态中,因此用户甚至不需要离开应用程序就可以与丰富的多媒体进行交互,您的内容也会得到查看。

在大多数情况下,播放器卡通过向广大受众进行推广来提升您的品牌形象。

图片来源:CocaCola

现在您知道了Twitter卡片是什么以及如何选择不同卡片来达到特定目的,让我们了解如何创建和设置这些卡片。

如何使用Twitter卡片?

步骤#1。选择您想要的卡片类型

首先,根据您的目标和目标选择适合您的活动的Twitter卡片。

例如:

  • 摘要卡片适用于分享博客
  • 带长形图像的摘要卡片非常适合展示诱人的视觉效果
  • 应用卡是提升移动应用下载的最佳选择
  • 当您需要循环显示视频时,播放器卡是合适的选择

选择后,现在是向网站页面添加元标记的时候了。

步骤#2。实施元标记标记

无论您喜欢编码还是讨厌技术术语,都有许多方法可以实现Twitter卡片。以下是您可以使用的一些方法:

您是一名开发人员

首先在您网页的源代码中添加corresponding meta tag。记住,每个页面只能添加一个卡片类型。下面的卡片是用于摘要卡片的。

如上所示,卡片属性是简单的键值对,每个键值对都在HTML meta标签中定义。

在Twitter上,正确的属性组合定义了卡片的整体体验,并且每种卡片类型都支持并需要一组特定的属性。

例如,以下是摘要卡片的一些HTML代码:





让我们为您解释上述每个代码:

  • twitter:card用于定义卡片类型
  • twitter:title 用于卡片的标题或头条(最多70个字符)
  • twitter:site为属性提供帐户的@用户名
  • twitter:description包含卡片内的描述(最多200个字符)
  • twitter:image包含要在卡片中使用的图像的路径

👀 注意:twitter:image支持JPG、PNG、WEBP和GIF(只导入第一帧)

您不是一名开发人员

即使您不知道如何编码,您仍然可以通过专用插件使用Twitter卡片。

如果您使用的是wordpress.org,Twitter建议使用三个插件将您的WordPress网站与Twitter卡片集成:JetpackJM Twitter CardsWordPress SEO by Yoast

👀 注意:默认情况下,WordPress托管的博客已启用Twitter卡片。WordPress会自动扫描您的文章内容,并确定最佳的卡片类型。

如果您有Tumblr或Blogger博客,请着手寻找开发人员或熟悉简单的编码-在这里添加meta标签是正确的方法。

但是,无论您使用哪种方法或插件,您都需要使用Twitter card validator从您的博客或网站获取URL,并运行它。这带我们来到下一步。

第三步。 Twitter卡片验证

为了防止意外情况,Twitter card validator会检查您输入的URL是否已添加Twitter卡片元标签。

图片来源:developer.twitter.com

开始时,请粘贴您要创建Twitter卡片的页面的URL。

几秒钟后,工具会呈现一个验证日志。日志包含卡片规格和内容。

图片来源:Vista Social

所有绿色线表示爬虫在网页的HTML代码中找到了Twitter卡片元数据。每当您在Twitter上使用此链接时,它将自动生成您选择的Twitter卡片。

接下来,我们将看到如何在发布之前预览Twitter卡片。

第四步。 预览Twitter卡片

最初,Twitter卡片验证器还显示了包含链接的推文的预览。然而,最近Twitter从卡片验证器中删除了预览功能。

现在,预览可以在Tweet Composer中使用,而卡片验证器仍可用于其他调试目的。

只需将URL复制并粘贴到推文编辑器中,即可预览您的Twitter卡片。

无法访问推文编辑器?没问题!

有很多Twitter卡片验证工具,比如Typefully的Twitter卡片验证器。

您可以使用它预览共享的具有元数据的网页链接在Twitter用户中的显示效果。

如果卡片未显示,请查看Twitter Developer Platform提供的故障排查卡片指南。

Twitter卡片验证器

如前所述,Twitter card Validator是一种免费工具,用于确保您在Twitter上分享的URL在您或其他人使用时能够创建Twitter卡片。只需输入网页URL,验证器就会遍历页面的HTML代码以查找元标签。

验证器的好处

  • 识别元标签:验证器可帮助您确定Twitter卡片元标签是否正确嵌入在网页的HTML代码中。此外,它还显示了特定URL所使用的卡片类型。
  • 实时检查验证:当您需要立即检查URL时,Twitter卡片验证器非常有用。该工具使用Twitter机器人,它们会遍历网页的HTML代码并实时反映结果。
  • 故障排查与卡片相关的问题:如果出现错误,卡片验证器可以帮助您确定错误的来源。例如,验证器常见的错误包括爬虫阻塞、无效的卡片类型、无效的图片等。

要排除验证器中出现的任何问题,请参阅此链接。

如何修复Twitter卡片的错误?

  • 验证元标签:检查HTML中是否包含一些特定的元标签。以下是要检查的内容:




👀 注意:将所有“content”属性更改为适合您的网站

  • 清除Twitter的缓存:Twitter会对卡片进行缓存一段时间。如果您对元标签进行了更改,由于缓存的存在,您可能无法立即看到这些更改。使用验证器工具中的“预览卡片”按钮刷新页面的缓存。
  • 检查SSL证书错误:如果您的网站使用HTTPS,请确保您有有效的SSL证书。如果您的证书没有正确设置或已过期,Twitter将无法抓取您的元标签。
  • 检查Robots.txt屏蔽问题:确保您的网站没有屏蔽Twitter的用户代理(Twitterbot)的设置。如果您的robots.txt文件禁止Twitterbot,您的Twitter卡片将无法正确显示。
  • 检查图片问题:如果您的Twitter卡片图片无法正确显示,可能是由于图片大小或格式的原因。Twitter建议图片大小不超过1MB,并且不使用CMYK颜色格式。

总结

如果您想增强社交媒体的存在感,Twitter卡片是关键。通过为您的推文提供动态和交互式元素,这些卡片有助于增强用户参与度。

如果您能创建一个有吸引力的标题、引人注目的描述和惊艳的图片的Twitter卡片,就没有什么能阻止您在社交媒体上取得成功。

因此,请按照指南逐步操作,很快就能创建您的Twitter卡片。

您还可以探索一些最佳链接以获得病毒式传播。

类似文章