如何将 Facebook Open Graph Meta 标签添加到 WordPress 主题

当您以正确的方式为您的网站建立社交网络时,它可以带来大量流量.社交就是视觉效果,所以如果你想让你的内容运作良好,你需要使用所有正确的视觉线索.

但是你如何确保正确的图像——你想要的图像——被使用?

当您的内容被分享时如何控制,而不是让您选择的社交网络(甚至您正在使用的流行主题) 为您随机选择一张图片?

主题和插件实际上都可以自动执行此操作.但自动化是一个杀手,因为您会失去控制.

另一方面,应该由您来决定.需要向社交网络提出建议,以便他们知道您希望展示什么.

为此,您需要使用社交网络理解的语言.

该语言称为 Open Graph.

在本文中,我将讨论在您的 WordPress 网站上设置 Open Graph 的各种方法.

什么是开放图谱协议?

开放图谱协议是一种解释对象所有特征的方法,例如在您的网站上发布帖子,使其在社交网络环境中更加丰富.

通过解释您帖子的特征,社交网络将能够理解(而不是猜测)作者对该文章的想法,然后相应地使用它.

例如,如果您没有为帖子指定开放图标题,社交网络将不得不从 HTML 的 <title> 标签中猜测它.

查找帖子的标题非常简单,因为人们在帖子的 <title> 中使用帖子名称是相当标准的,但社交网络仍在猜测您的意图.

关于 Open Graph 如何对您作为 WordPress 用户有用的一个更实际的例子是当您的文章在社交网络上分享时要显示的图像.

如果您不指定 Open Graph 图片,Facebook 和其他社交网络将尝试猜测他们应该使用哪个图片作为您文章的预览.

在您努力完成设计之后,您可能希望使用您的博客介绍图片进行分享.

但是,在猜测用作预览的图像时经常会出错.

例如,您网站的徽标可能会被选中,或者文章中的其他图像可能会被选中,而这并不是文章预览.

如果选择广告图片作为文章预览,体验会更糟.

这就是 Open Graph 可以发挥重要作用的地方.

可用于 WordPress Open Graph 的基本标签?

我们已经看到了几个 Open Graph 标签的快速示例.让我们进一步讨论一些可用于 WordPress Open Graph 的标签示例.

这是用于分享帖子的名称:

og:title

帖子的预览图片是使社交媒体活动取得成功的重要标签:

og:image

这个开放图谱标签将描述点击链接时要访问的实际 URL:

og:url

描述也是高度可见的,因此自定义描述以鼓励人们访问您的网站是必不可少的.

实际上很多人使用这里的元描述内容,这些内容也多次针对高点击率进行了优化:

og:description

为了直观地解释这些标签,以下是在 Facebook 上分享帖子时如何翻译 WordPress Open Graph 标签的示例:

An example of a WPMU DEV posted when shared to Facebook.
分享到 Facebook 时发布的 WPMU DEV 示例.

Open Graph 标签类型描述了共享对象是文章、视频、音乐、书籍、用户个人资料还是网站.

还有其他标签可用于描述每种特定类型.您可以查看可以在开放图谱类型部分中使用的详细标签.

og:type

可用于描述您网站内容的其他开放图谱标签

除了上述基本标签之外,还有许多进一步的开放图谱标签可用于您的 WordPress 网站以进一步描述内容.

大多数 Open Graph WordPress 标签是可选的,但是,如果正确填充这些标签,则可以更好地启用许多内容:

og:audio

og:video

如果有任何类型的音频或视频可以补充此内容,此 OG 标签可用于描述其 URL 位置:

og:site_name

拥有数千条内容的大型网站可能希望使用此标签来表示共享的内容是大型品牌网站的一部分.

特定 OG 标签中的其他标签

上面描述的一些标签也可以采用额外的描述性标签.

我们以 og:image 为例.顺便说一下,og:video 与 og:image 具有完全相同的属性.

以下所有属性都是可以使用相应的开放图谱标签描述的附加属性:

  • og:image:url – 这与 og:image 相同,可以互换使用.
  • og:image:secure_url – 如果可以通过 HTTPS 访问网站,则应使用此 URL
  • og:image:type – 此标记描述此图像的MIME 类型.
  • og:image:widthog:image:height-这些标签描述图像的尺寸

以下是使用 og:image 标签的完整示例:

<meta property="og:image" content="http://wpmudev.com/blog/image1.jpg"/>  <meta property="og:image:secure_url" content="https://wpmudev.com/blog/image1.jpg"/> <meta property="og:image:type" content="image/jpeg"/> <meta property="og:image:width" content="400"/> <meta property="og:image:height" content="300"/>

其他结构化属性包括:

  • music.song
  • music.album
  • music.playlist
  • music.radio_station
  • video.movie
  • video.episode
  • video.tv_show

所有这些都有自己的标签,用于提供有关对象的其他详细信息.

但是我们如何在 WordPress 中实施 Open Graph 标签?

有多种可能的方法.

手动设置开放图谱标签

我在本文中进一步提到,您应该能够从现有的 WordPress 内容中提取 OG 标签所需的大部分信息.

在您网站的 functions.php 文件中使用一些编辑,您将从您的内容中读取数据并将其作为 OG 标签推出.

这是必需的,以便使用您内容的社交网络实际上知道有 Open Graph 标签用于描述您的 WordPress 内容.

以下内容实际上是选取 WordPress 内容的特定部分并从中构建 OG 标签:

您需要自定义上面的一些标签,例如将 og:site_name 替换为您网站的实际名称.

您还需要发现您的 Facebook 管理员 ID 并将其替换为 fb:admins 内容标签的值.

使用插件设置 WordPress Open Graph

要利用 Open Graph,您需要设置 WordPress 网站,以便根据需要从您的内容中提取此信息并将其添加到任何 WordPress 内容中.

如果您的主要社交网络活动将通过 Facebook 部署,一种选择是安装一个插件,例如 开放图谱和 Twitter 卡片标签.

此插件将 Facebook Open Graph 标签插入您的 WordPress 博客/网站,有助于增强您的 Facebook 共享结果.

开放图谱协议框架是另一个不错的选择.启动和运行非常简单,不需要创建任何 Facebook 应用程序,这是一个加分项.

你也不能通过我们自己的 SmartCrawl加载了开放图形支持.SC 的社交整合为您提供了获得认可和充分利用病毒式内容所需的所有工具.

终极 Facebook 插件:不仅仅是开放图谱标签

Our Ultimate Facebook plugin provides an easy way for you to add Open Graph tags to your WordPress website.
我们的终极 Facebook 插件提供了一种简单的方法让您将 Open Graph 标签添加到您的WordPress 网站.

这篇文章的大部分内容都是关于社交网络的.

让我们面对现实吧,在大多数情况下,Facebook 仍然是首选社交网络的王者(紧随其后的是 Instagram,但无论如何它们都属于同一保护伞).

Twitter 上一条推文的生命周期很短,以几分钟甚至几秒为单位.是的,LinkedIn 有其优势和群体.

但是,尽管有人预测 Facebook 会过早地消亡,但 Facebook 仍然是那里最繁忙的社区.我们正在谈论数十亿的参与用户.如果你有钱花,那就在 Facebook 上花吧 😉 你会帮自己一个忙.

为什么我对 Facebook 如此痴迷?不幸的是,我不是股东,也与扎克伯格没有任何关系.

有一个非常简单但非常正当的理由.

让您的网站更加成功的方法之一是创建一个参与度很高的社区.通过将您的网站与 Facebook 紧密集成,您可以借助社交网络的流行度.

您会慢慢将 Facebook 社区吸引到您的网站,并让他们通过 Facebook 与您的品牌互动.

通过让您的网站和 Facebook 几乎无缝衔接,您可以按照自己的方式与社区互动.

现在,您如何将您的网站和 Facebook 结合起来?

输入 终极 Facebook 插件.

(注意:如您所知,我们最近停用了大部分旧插件.但是,您仍然可以在 GitHub 上找到它们,而且我们不时地如果他们帮助解决了特定的问题,我会退回给其中一个.)

虽然我不会在这里详细描述这个插件的整个功能集,但重要的是要强调它的一些好处.

1.您获得了所有基本的 WordPress Open Graph 标签

我们一直在寻找使用插件创建 WordPress Open Graph 标签的方法.

这是另一个已经讨论过的简单方法.它还有一个特定的功能,比我测试过的其他插件都要好.

我提到有很多 Open Graph 标签并不是每个网站都使用的,因为它们用于非常特定类型的内容.

Ultimate Facebook 允许您手动插入额外的 Open Graph 标头.

Facebook Open Graph support parameters
Facebook 开放图谱支持.

2.消除您网站上的注册障碍

您可能希望您的用户在您的网站上注册,为他们带来更多好处.

然而,无论您喜欢与否,注册都是一个障碍.

如果你能摆脱障碍,你的成长会快得多.通过 Ultimate Facebook 和 Connect,用户将能够使用他们的 Facebook 帐户注册您的网站.

这意味着注册成为一个简单的一键式流程.

Allowing registration to your WordPress site through Facebook
允许通过 Facebook 注册到您的 WordPress 网站

3.在 WordPress 上设置 Facebook 评论

决定是使用原生 WordPress 评论还是在 WordPress 评论系统 是一个不能掉以轻心的决定.

现实情况是,如果您想在评论系统之间切换,很可能会在传输过程中丢失一些信息.

Facebook 评论是大多数世界中最好的.这是将 Facebook 与您的网站集成的绝佳方式.

它还带来了原生 WordPress 评论系统所没有的附加功能,例如喜欢评论和按评论或受欢迎程度显示评论.

当然,用户无需注册即可发表评论这一事实消除了另一个参与障碍.

还有另一个好处——使用 Facebook 评论可以让您的网站不太容易出现垃圾评论.真正的 Facebook 用户个人资料不太可能用于向其他网站发送垃圾邮件,因为这会对他们的个人资料造成负面影响.

4.自动将文章和更新发布到您的 Facebook 帐户

将您的文章自动发布到 Facebook 可以让您更轻松地将观众带回您的网站.

WordPress OG 标签的重要性

如果您想完全控制您的内容在社交媒体上的共享方式,Open Graph 标签对于您的 WordPress 网站至关重要.

这当然值得一试,因为它不仅可以帮助您从人群中脱颖而出并吸引更多点击和查看,还可以帮助搜索引擎更好地展示您的内容.

2

发表回复