5分钟生成10篇英文软文article forge软件试用

Facebook 调试器是一种工具,可让您分析任何页面的 OpenGraph 标签并对其进行故障排除。 使用调试器,您可以快速将社交媒体丰富片段中的错误来源归零。

google广告开户

由于社交媒体和 Facebook 本身是任何营销策略的关键组成部分,因此了解如何使用此工具可以带来丰厚的回报。

让我们来谈谈 Facebook Debugger 和 OpenGraph!

什么是 OpenGraph(以及如何在 WordPress 中添加标签)

OpenGraph 是指可用于向页面和帖子添加元数据的标签集合。 社交媒体平台使用这些 OpenGraph 标签来生成它们向用户显示的丰富片段:

Facebook 丰富片段的示例。

如果您不使用 OpenGraph 标签,社交媒体平台将在您分享页面时自动为您的页面生成片段。 但是,使用这种方法,您将无法控制这些丰富片段的外观。

这意味着如果随附的图像看起来不太好,您需要在 WordPress 中更改它。 如果您不喜欢 Facebook 使用的元描述,您还需要修改您的内容。 总的来说,如果您想利用社交作为流量来源,这不是一个聪明的方法。

即使是这个简单的示例,也需要您在后台添加多个 OpenGraph 标签。 对于丰富的代码段,您需要使用以下标签:

<meta property="og:title" content="Article Title"/>
<meta property="og:description" content="Article Description"/>
<meta property="og:type" content="article"/>
<meta property="og:url" content="http://example.com/link/to/article"/>
<meta property="og:site_name" content="Site Name"/>
<meta property="og:image" content="http://example.com/image/src.jpg"/>

这个例子来自之前一篇关于 OpenGraph 标签和如何使用它们的优雅主题文章(你应该阅读!)。 简而言之,您可以通过两种方式将 OpenGraph 标签添加到您的内容中:

  1. 手动。 与架构标记一样,您可以手动将 OpenGraph 标记添加到您的页面。 不利的一面是,您必须对要在社交媒体上分享的网站上的每个页面执行此操作。
  2. 使用插件。 有很多插件可以自动为您的内容生成 OpenGraph 标签。 最受欢迎的插件选项是 Yoast SEO,尽管其他人也可以这样做。

不幸的是,Yoast SEO 的免费版本不包括丰富的片段预览功能。 然而,它 使您能够使用简单的编辑器修改内容的 OpenGraph 标签。

WordPress divi主题

如果 您已经在使用 Yoast SEO,利用其 OpenGraph 功能是确保您的社交媒体片段看起来完全符合您希望的方式的最简单方法。

为什么应该为 OpenGraph 使用 Facebook 调试器

Facebook 调试器是一种工具,可帮助您确保社交媒体丰富网页摘要全面完美运行。 要使用它,只需访问 Facebook 开发人员的共享调试器页面。 在这里,输入要检查其标签的页面的 URL,然后单击 调试 按钮:

Facebook 调试器。

您甚至不需要 Facebook 帐户即可使用调试器。 一旦您分析了一个 URL,它就会向您显示其丰富片段的预览以及其规范 URL 等信息:

正在运行的 Facebook 调试器。

如果进一步向下滚动,您可以分析页面的所有 OpenGraph 标签:

OpenGraph 标签列表。

请记住,Facebook 调试器无法让您直接修复错误或修改标签。 但是,它确实会向您展示您的内容在 Facebook 上的显示效果。 更重要的是,如果它检测到 OpenGraph 标签中的错误,它还会向您发出警告:

Facebook 调试器中的警告。

此特定错误是我们将在下一节中向您展示如何进行故障排除的三个错误之一。

fiverr建站WordPress程序员

如何使用 Facebook 调试器修复 3 个常见的 OpenGraph 错误

在本节中,我们将主要依赖 Facebook 调试器。 但是,如果您使用 Yoast SEO,我们还将向您展示该插件如何帮助您修复一些 OpenGraph 错误。 让我们开始吧!

1. 再次抓取 URL 以更新相关图像

您在使用 OpenGraph 标签时可能遇到的最常见错误之一是 Facebook 调试器将显示过时的特色图像。 发生这种情况是因为当您更新页面或帖子的关联图片时,它不会在 Facebook 上自动更新。 当您对图像使用 OpenGraph 标签时,Facebook 会在其末端缓存这些文件以提高性能。 因此,如果您在自己的一端更新特色图片,则需要“强制”Facebook 在其方面做同样的事情。

最简单的方法是使用 Facebook Debugger 的 再刮一次 功能。 你可以在下面找到这个选项 我们上次抓取 URL 的时间和方式

使用再次抓取功能。

点击 再刮一次 按钮,看看您页面的特色图片是否在 链接预览 部分。 如果没有,有时再次单击按钮可以解决问题(不是很高的技术,但它有效!)

独立站选品工具

如果图像无法上传,您可能正在处理网站上的缓存问题。 在这种情况下,您需要清除站点的缓存,然后使用 再刮一次 按钮强制 Facebook 更新其图像信息。

2.修复“属性尚不可用”错误

OG:图像 标签是 OpenGraph 用来声明社交媒体平台应该为每个页面显示什么图像文件的。 在某些情况下,您可能会遇到“og:image 属性尚不可用”错误。

OpenGraph 图像标记警告。

这意味着您的特色图片的分辨率可能存在问题。 如果您的图像尺寸低于 200×200,则根本无法使用。

理想情况下,您为社交媒体丰富网页摘要设置的图像宽度应为 1080 像素或更高。 大型特色图片不仅看起来更好,而且还有助于将注意力吸引到您在社交媒体上的内容:

高质量外链购买

一张大的特色图片。

如果你想阅读更多关于图像和 OG:图像 标签,优雅主题博客上还有另一篇文章。 简而言之,如果 Facebook 调试器返回与图像大小相关的错误,您通常可以使用以下两种方法之一进行修复:

  1. 用更高分辨率的版本更新页面的特色图片(从现在开始坚持使用高质量的图片!)。
  2. 使用 Yoast SEO 在您的网站中指示不同的图像文件 OG:图像 标签。

对于 Yoast SEO,您可以在下方找到更改“Facebook 图像”的选项 社会的 您要更新的帖子或页面的选项卡:

上传新的 Facebook 图片。

更新图像或相应的标签后,请使用 再刮一次 Facebook 调试器中的按钮。 “og:image 属性尚不可用”警告应该消失,您的图像应该正确显示。

JasperAI 10000字免费额度试用

3.添加缺失 脸书:app_id 属性到您的网站

让我们回到文章前面的警告:

Facebook 调试器错误的示例。

此警告表示没有与您的网站关联的 Facebook 应用 ID。 你不 需要 用于在社交媒体上分享您的内容的应用 ID,但它确实使您能够访问 Facebook Insights。

鉴于 Facebook Insights 可以帮助您改进营销工作并衡量帖子效果,因此花点时间进行设置是值得的。 如果您有兴趣访问这些分析,则需要为您的网站生成 Facebook 应用 ID。

获得应用 ID 后,您可以使用 Yoast SEO 将其添加到您的页面中 脸书:app_id 财产。 为此,请访问 SEO > 社交 > Facebook 您网站上的标签并查找 Facebook 应用程序 ID 场地:

WordPress备份工具updrafplus

使用 Yoast 将您的 Facebook 应用 ID 添加到 WordPress。

添加您的应用 ID,保存对插件设置的更改,您就可以开始了。 从现在开始,Facebook 调试器不应返回任何与缺失相关的错误 脸书:app_id 财产。

结论

Facebook Debugger 使用起来非常简单。 但是,如果没有对 OpenGraph 标签有基本的了解,您可能会遇到一些错误。 一般来说,如果您使用 Yoast SEO 等插件,您就不必担心手动设置标签。

使用 Facebook 调试器,您可以通过以下方式快速解决 OpenGraph 错误:

  1. 再次抓取 URL 以更新关联的图像。
  2. 修复“og:image 属性尚不可用”错误。
  3. 添加缺失的 脸书:app_id 属性到您的网站。

您对如何使用 Facebook Debugger 有任何疑问吗? 让我们在下面的评论部分中讨论它们!

文章缩略图由 Sergey Targasov/shutterstock.com 提供。

5分钟生成10篇英文软文article forge软件试用
tiktok