如何在WordPress中添加Twitter卡的入门指南

2020-09-28
WordPress

您想将Twitter Cards添加到您的WordPress网站吗？Twitter Cards使您可以将富媒体附加到链接到您的内容的推文上。这与在Facebook上共享链接非常相似，该链接会自动显示带有页面内容的标题，摘要和缩略图的预览。在本文中，我们将向您展示如何在WordPress中添加Twitter卡。

Twitter卡如何工作？

当您的推文具有指向启用了推特卡的网站的链接时，将提供查看摘要的选项。每当其他用户单击该推文时，他们都会看到此摘要，如下面的屏幕截图所示。您可以转到我们的Twitter页面，查看实时示例。

拥有推特卡的最大优点是，它通过内容归因增加了关注您的推特帐户的人数。人们经常在不给您适当归属的情况下发布您的链接。

我们已经从一些受欢迎的内容策展人那里特别注意到了这一点。他们将通过@wpbeginner或RT @wpbeginner不发送任何推文。这是他们的权利，但是当其他人使用其他人的属性转发您的内容时，我们/您作为发布者会特别错过。

例如，@ syedbalkhi转推了@wpbeginner上的帖子而没有署名，其他人转发了@syedbalkhi。然后，查看这些转发的用户更有可能关注@syedbalkhi，而不是@wpbeginner。

内容管理者通常会这样做，以使推文长度保持较短，并确保自己推文的转发。使用推特卡，此问题得以解决，因为您从提及您文章的每条推文中都获得了您网站的荣誉。注意：我们不选择内容管理员。这是一个限制为140个字符的缺陷，Twitter正在使用Twitter卡来修复它。

例如，当安妮（Annie）发推文发布我们的文章时，她没有提及@wpbeginner。但是由于我们的Twitter卡集成，我们获得了充分的信誉和曝光率。请注意，它还有一个单击跟随按钮。

既然您已经知道了Twitter卡的好处，那么让我们看一下如何在WordPress中实现。

如何在WordPress中添加Twitter卡

在WordPress中添加Twitter卡的方式有两种。让我们看看它们两者。

方法1：Yoast SEO插件

如果您正在使用Yoast插件使用WordPress SEO，那么您很幸运。Yoast具有Twitter卡的内置集成，因此只需单击几下即可将其打开。

只需转到Yoast SEO设置页面的“社交”页面。输入您的Twitter用户名并保存更改。

之后，单击Twitter选项卡。在“ Twitter”选项卡下，您需要选中“添加Twitter卡元数据”复选框。选择默认的卡类型进行选择。您可以选择显示摘要或以大图像显示摘要。

接下来，您需要进入“ 用户”»“我的个人资料”页面。您将在Twitter Info的“联系信息”下看到一个新字段。在此处输入您的Twitter用户名。

如果您正在运行一个多作者网站，则建议您的作者在其个人资料中完成此部分。这样，每个特定的作者也因其工作而受到赞誉。请参阅以下示例：

这就是您已经成功将Twitter Cards元标记添加到WordPress网站的全部内容。

到目前为止，此方法是最简单的方法。由于我们在所有网站上都使用Yoast的WordPress SEO，因此我们正在使用此方法。

方法2：自己对其进行硬编码

此方法需要将代码添加到主题或子主题文件中。只需打开header.php文件并将此代码添加到</head>标记之前即可。

<?php#twitter cards hackif(is_single() || is_page()) { $twitter_url = get_permalink(); $twitter_title = get_the_title(); $twitter_desc = get_the_excerpt(); $twitter_thumbs= wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), full ); $twitter_thumb = $twitter_thumbs[0]; if(!$twitter_thumb) { $twitter_thumb= 'http://www.gravatar.com/avatar/8eb9ee80d39f13cbbad56da88ef3a6ee?rating=PG&size=75'; } $twitter_name = str_replace('@', '', get_the_author_meta('twitter'));?><meta name="twitter:card"value="summary"/><meta name="twitter:url"value="<?php echo $twitter_url; ?>"/><meta name="twitter:title"value="<?php echo $twitter_title; ?>"/><meta name="twitter:description"value="<?php echo $twitter_desc; ?>"/><meta name="twitter:image"value="<?php echo $twitter_thumb; ?>"/><meta name="twitter:site"value="@libdemvoice"/><? if($twitter_name) {?><meta name="twitter:creator"value="@<?php echo $twitter_name; ?>"/><? }}?>