Facebook Meet Blog:安装开放图

Facebook Meet Blog:安装开放图如果Facebook和您的博客可以握手并成为朋友,您是否不喜欢它?你很幸运。Facebook Open Graph就是这样做的。

Open Graph是一组规则,可通过Metadata将您的博客整合到Facebook的社交图中。该元数据告诉Facebook从博客中共享帖子或页面链接时,要显示哪个标题,描述和图像。

Open Graph帮助Facebook快速了解您的内容的内容,谁编写和发布了它以及与之关联的Facebook页面。打开的图形标签可以执行各种很酷的事情 - 修复了可能会惹恼您一段时间的问题(例如,为共享链接拉错误的图像)。

等待。它会在Facebook上拉出正确的图片吗?一定要告诉。

您可能已经注意到,有时在Facebook页面上共享链接时,Facebook会删除错误的图像 - 即使您为帖子设置了特色图像。不再!告诉打开图,您想要哪个图像,它在那里(我会告诉您以后在帖子中如何)。但是,请确保您的图像是Facebook的推荐尺寸:600 x315。请确保图片的主要部分在图像的中间,以防Facebook作物有点。您可能需要进行一些试验。

如果这些尺寸不适用于您的博客布局怎么办?您可以做两件事:

1.当您在Facebook更新中添加链接时,它会自动填充您的帖子(或我们许多人都知道的一些随机侧边栏映像)。如果拔出错误的图像或太小而看起来不太正确,您可以单击当前显示的图像下方的上传图像链接。然后,您可以上传适合该空间的图片,也可以与链接内容更相关。

使用Facebook状态链接上传定制图像

2。另一个选项是将两个图像加载到您的博客。我通常在页面上使用较小的尺寸(我确保宽度为300,高度可能会有所不同),但是对于Facebook来说,这并不是理想的。为了解决这个问题,我可以上传两个不同尺寸的相同图像。一个将是我的博客文章(300像素宽)的大小,其中一个是Facebook的优化尺寸(600×315)。然后,我可以将较小的图像插入我的帖子中,并将我的特色图像设置为较大的图像。当开放图寻找要拉的图像时,它知道要拉出较大的图像。

下面的说明说明了如何在wordpress.org博客上安装打开图。如果您碰巧正在使用博客作者,则可以找到有关的说明博客作者提示和提示。我可以在这里重写它们,但是当那里有一套完美的说明时,为什么要这样做呢?

安装WP Open Graph插件

您如何获得这种惊人的功能?这需要一些设置,但这并不难。您需要做的第一件事是安装WP打开图插件

  1. 登录到WordPress仪表板,然后单击插件。
  2. 在插件页面的顶部,单击“添加新”。
  3. 在新页面上,在搜索框中,键入WP打开图然后单击搜索插件。显示插件的列表,WP Open Graph应该位于列表的顶部(如果不只是向下滚动,直到您看到它)。
  4. 在WP打开图下,请单击立即安装,然后按照说明进行操作。

建立您的WP打开图设置

在开始使用“打开图”设置之前,您需要查找一些特定的Facebook信息:您的管理ID和应用程序ID。重要的是要注意,您没有制作新的Facebook应用程序;您正在使用既定的Facebook应用程序来更有效地与Facebook通信。因此,不用担心,这些ID很容易找到,您不需要知道任何代码。

要查找您的管理ID打开一个新标签,然后转到graph.facebook.com/yourname(yourName =您的个人用户名,而不是页面名称)。您会看到下面的页面,其中包含一些基本信息。在页面顶部,您会看到“ ID”。列出的数字字符串有您的管理ID。保持此选项卡打开,以便您稍后可以在进入设置页面时复制管理ID。(您的信息将显示蓝色框的位置;我只是隐藏了我的信息以确保安全。)

开放图管理ID

要查找您的应用ID打开另一个新标签,然后转到https://developers.facebook.com/apps。在此页面上,您将看到一个名为“设置”的部分,它将显示您的应用ID/API键。也要打开此选项卡,因此您可以将此ID复制到WP Open Graph Page。

打开图应用程序ID

现在让我们开始做生意。转到您的WordPress仪表板,然后在左侧栏中的设置选项。从菜单中选择WP打开图。在WP Open Graph设置页面上,完成所需的信息。

  • 默认图像。输入要使用的图像的URL - 可以是您喜欢的任何东西。在您的媒体库中查看,抓住所需图像的URL。如果您尚未为博客文章或页面设置特色图像,则打开图将使用此图像。
  • Facebook应用程序ID。输入您在应用程序设置页面上找到的ID。
  • Facebook管理员ID。输入您在graph.facebook.com/yourname页面上找到的ID。

其余的项目是相当不言自明的。

请务必单击提交以节省您的更改。

自定义单个帖子打开图设置

我们在家里!每次您编写或更新博客文章或页面时,您现在都可以为该特定帖子或页面设置打开的图形信息。只需打开要编辑(或写入)的帖子或页面,然后,在“编辑帖子”页面上时,向下滚动,直到看到“打开的图形数据”框。你会看到它有

  • Facebook片段预览
  • 一个定制标题的框(这是您共享链接时的标题Facebook将显示)
  • 一个用于帖子自定义描述的框(Facebook将在图像和标题下显示)
  • 开放图类型

关于描述的快速注释:没有自定义的描述,Facebook将拉出您帖子的前几句话,它们可能会被截断。由于较短的描述更具吸引力,因此尝试在描述中仅使用两个句子。

您可以在开放图协议网站。默认类型是文章,因此,如果您只是像平常一样发布直截了当的文章(建议这样做),则可以将此盒子空白。

如果您尚未为帖子设置特色图像,则Facebook摘要预览显示了您在WP Open Graph设置页面上设置的默认图像)。

空白的

我建议为您的帖子设置特色图像,自定义所有打开的图形选项,然后保存帖子。向下滚动回到打开的图形数据框,片段应显示这样的新信息和图像:

空白2

您会注意到,摘要向您显示了侧面的小图像以及右侧的标题和描述。剪切实际上将像下面的图片一样出现在Facebook上。如果没有,请检查您的图像尺寸,然后重试。

og-realfbsnippet

使用Facebook调试器工具检查您的帖子

绝对检查您的帖子Facebook调试器工具为了确保您已经正确安装了所有内容,并且在发布和分享之前没有任何问题。在“调试器”页面上,输入要检查的帖子或页面的URL,然后单击调试。您将获得一个页面,让您知道是否有问题。

正确安装打开图并正常工作时,如果您查看了源代码,您将看到以下内容:

视图源中的打开图

感谢您和我一起呆在那里。

下周,我将向您展示如何将Yoast的WordPress SEO用作您的Facebook Open Graph Tool。