如何启用 Twitter 网站卡片以获得更多社交流量

已发表: 2015-10-26

几乎每条带有链接的推文看起来都一样。

“标题 + 链接 + 通过@handle + #hashtag。”

还有那个链接？ 它完全未优化。 无聊的。 你点击推文，什么也没有发生。 用户对链接的所有了解都是共享者选择包含的内容。 这并不能让您更好地控制人们如何发现您的网站。

我不了解你，但我有点控制狂。 而且我不喜欢那样的声音。

我希望 Twitter 用户知道点击我网站的链接时会发生什么； 兴奋地体验它。 当他们一无所知时，他们怎么能做到这一点？

值得庆幸的是，Twitter 需要让网站和品牌保持快乐。 所以他们为此创造了一个答案：推特卡。

Twitter 卡片是一种将媒体添加到推文的简单方法。 示例包括您的时间线中支持和扩展的照片、视频和 GIF。

以下是图像卡的示例：

对于网站所有者，还有 Twitter 网站卡片。 它从共享的链接中提取内容，并包括您的 Twitter 句柄。 看起来是这样的：

卡的种类

有两种类型的 Twitter 卡片有助于为您的网站带来更多流量：摘要卡片和带有大图像的摘要卡片。

  • 摘要卡是上面纽约时报示例中显示的内容。 它包括页面标题、描述和缩略图，还包括带有快速关注按钮的 Twitter 句柄。
  • 带有大图像的摘要卡更直观。 它没有显示有关页面的几条信息，而是从页面中提取一个大缩略图，仅此而已。

无论您决定使用哪个，您的内容都将占用更多时间线空间。

网站卡片的两个主要好处

  1. 它将帮助您赢得追随者。 如果您使用常规摘要卡，那么任何分享您的内容的人都在宣传您的句柄。 他们是否将其包含在推文的文本中。
  2. 您将获得更高的点击率。 众所周知，我们都喜欢富媒体和引人入胜的内容。 普通链接陈旧而乏味。 在推文中给用户“一点别的东西”可以帮助说服他们相信它的价值，直到他们吵着要查看你的网站。

如何在 WordPress 中启用 Twitter 网站卡片

有两种方法可以启用 Twitter 网站卡片：通过插件或自己添加代码。

使用 WordPress SEO 插件

相当多的插件可以在您的网站上获得 Twitter 卡片，但我敢打赌您已经拥有了一个插件：WordPress SEO。

以下是如何设置它：

  1. 在您的 WordPress 仪表板中，导航到 WordPress SEO 设置的社交部分。
  2. 在 Accounts 中，在相应字段中输入您的 Twitter 句柄（不要包括“@”）。

推特卡句柄

  1. 前往 Twitter 标签。

推特卡摘要

  1. 选中该框以启用 Twitter 卡片元数据。
  2. 选择要使用的卡片类型：常规网站卡片或大图像卡片。
  3. 保存更改。

这不是很容易吗？ 伙计，那个插件有很多原因。

使用喷气背包

Publicize by Jetpack 将默认启用 Twitter 网站卡片（无大图）。 你只需要通过 Twitter 的验证器申请。 对于 Jetpack 用户来说，真的没有办法让它变得更容易。

但是，如果您还没有使用 WordPress SEO 或 Jetpack，那么您肯定不想仅仅为了这个功能而安装它们（主要是矫枉过正）。 所以也有专门用于 Twitter 卡的插件。

使用 JM Twitter 卡

JM Twitter Cards 是一个独立插件，可让您对页面卡片进行高级控制。 除了两个网站卡片之外，您还有更多选项可供选择，并且您可以直接从编辑器自定义每个帖子或页面的信息。

下载插件后，您需要启用站点范围的设置以设置未自定义信息时的默认值。

开始：

  1. 在常规设置中填写您的 Twitter 句柄（您可以为出版物和帖子作者添加单独的句柄）和卡片类型。

twitter-cards-jm

  1. 在“图像”选项卡下，为插件选择一个备用图像，以在页面上找不到其他图像时使用。

推特卡图片

  1. 这就是您真正需要的一切，但如果您喜欢，可以深入了解更高级的设置。

自己添加 HTML

或者，您可以自己将元标记添加到您的网站。 这是您要添加到<head>:

&amp;amp;lt;meta name=&amp;amp;quot;twitter:card&amp;amp;quot; content=&amp;amp;quot;summary_large_image&amp;amp;quot;&amp;amp;gt;

&amp;amp;lt;meta name=&amp;amp;quot;twitter:site&amp;amp;quot; content=&amp;amp;quot;@nytimes&amp;amp;quot;&amp;amp;gt;

&amp;amp;lt;meta name=&amp;amp;quot;twitter:creator&amp;amp;quot; content=&amp;amp;quot;@SarahMaslinNir&amp;amp;quot;&amp;amp;gt;

&amp;amp;lt;meta name=&amp;amp;quot;twitter:title&amp;amp;quot; content=&amp;amp;quot;Parade of Fans for Houston’s Funeral&amp;amp;quot;&amp;amp;gt;

&amp;amp;lt;meta name=&amp;amp;quot;twitter:description&amp;amp;quot; content=&amp;amp;quot;NEWARK - The guest list and parade of limousines with celebrities emerging from them seemed more suited to a red carpet event in Hollywood or New York than than a gritty stretch of Sussex Avenue near the former site of the James M. Baxter Terrace public housing project here.&amp;amp;quot;&amp;amp;gt;

&amp;amp;lt;meta name=&amp;amp;quot;twitter:image&amp;amp;quot; content=&amp;amp;quot;http://graphics8.nytimes.com/images/2012/02/19/us/19whitney-span/19whitney-span-articleLarge.jpg&amp;amp;quot;&amp;amp;gt;

那将适用于具有大图像的网站卡片。 您可以在此处找到有关为大型图像卡自定义元标记的更多信息，并在此处找到有关网站卡片的自定义元标记。

对于大多数方法，不再需要使用验证器进行应用。 但是，如果您想使用它来获取预览和仔细检查值，您可以在此处进行。

让 Twitter 为您服务

像这样的更改需要五分钟才能实施。 永永远远。 而作为交换？ 您的网站更适合社交媒体。 当其他人可以像您一样为您的网站带来流量时，您的注意力就可以转移到其他地方。

不要停在那里； 在您的博客上嵌入 Twitter 卡片。 它会让你内容流行！ 在这里了解如何。