如何用脸书调试器修复WordPress图片

无论你是博客写手、社交媒体营销人员，还是小企业主，在某个时候，你可能会遇到脸书无法显示WordPress网站上正确图片的问题。有时脸书可能会提取旧图像，或者更糟，根本没有图像！幸运的是，您可以使用一个叫做脸书调试器的工具轻松解决和修复这类问题。下面看看你可能遇到的一些常见情况，以及如何解决。

脸书是如何获得信息的？

每当你在WordPress上分享内容时，脸书会将你的图片缓存在他们的服务器和CDN上(在这里阅读更多关于CDN是什么以及它是如何工作的)。您可以像在您的站点上进行缓存一样实现这一点，有时您必须清除缓存才能让事情再次运行。有时候脸书也是如此。如果你在你的网站上做了更新，当你去分享它的时候，脸书可能仍然显示旧的图像。这是因为它不会获取新的信息，而是提供它已经缓存的信息。

这同样适用于你的链接和内容本身的信息。他们得到了他们所谓的开放地图元标签。根据脸书的说法，开放图协议使得任何网页都可以成为社交图中的丰富对象。基本上，这些标签(代码)是用来告诉脸书你分享了什么。

不确定你是否在你的网站上使用Open Graph meta标签？如果你使用的是热门插件，比如Yoast SEO或者Social war，他们其实会在幕后自动为你添加这些标签(注:一般WordPress网站会针对海外用户使用)。

让我们以其中一页为例。如果我们看看这篇文章的源代码，我们可以看到以下关于Open Graph的数据。注意:Open Graph使用了不同的属性，比如og:title，我们在本教程中真正关心的属性，即og:image。这是我们网站上的代码，脸书将检查这个代码，以确定要显示的特色图像，标题和描述。

使用脸书调试器

像任何平台或工具一样，它会有您必须解决的问题或怪癖，尤其是如果您没有遵循最佳实践的指导原则。脸书调试器(脸书调试器)工具旨在帮助您解决打开图形元标记的问题，以及缓存问题。

你可以通过脸书开发者网站的工具和支持找到脸书调试器。如果你在脸书上分享了很多内容，这是一个很好的书签链接，供将来参考。

脸书调试器工具

要抓取文章，只需输入网址，点击“调试”。在我们的例子中，我们将实际使用一个实时案例。我们最近刚刚更新了网站速度优化文章中的图片。当我们将它输入脸书调试器时，它将首先提取它们的缓存信息(如下所示)。

这是人们在分享我们的文章时实际看到的。然而，在这种情况下，它在我们更新文章之前提取旧图像。我们还可以看到og:image是旧的文件名。

脸书调试器中显示的旧图像和URL

那么，我们能做什么呢？有两件事要做。请遵循这些步骤。

步骤1-清除这个URL的WordPress缓存

为了确保脸书获得最新的信息，我们需要做的第一件事就是清空我们WordPress网站本身的缓存。是的，从技术上讲，这里可能涉及到两层缓存。如果旧图像仍然缓存在您的网站上，脸书调试器将无法帮助解决您的问题，因为它只会重新获取缓存的信息。

对于不同的缓存解决方案或第三方插件，您需要查看它们的文档，以确保您知道如何清除URL的缓存。以下是一些流行的缓存解决方案的链接:

使用WP Rocket清除特定页面/文章的缓存

使用缓存启用程序清除特定页面/文章上的缓存。

使用WP最快缓存清除特定页面/文章的缓存

如果所有这些都失败了，你可以随时清除整个WordPress网站上的缓存(如下所示)。但是，出于性能原因，通常不建议这样做，因为您的站点必须重建缓存并减少加载时间。

如果您仍然遇到问题，您的图像也可以缓存在您的CDN上。在这种情况下，您可能需要清除CDN缓存。

步骤2-在脸书调试器中再次抓取它

既然相关文章或页面的缓存已经被清空，我们需要在脸书调试器工具中再次获取它。所以我们输入网址并点击“检索”按钮。

在脸书调试器工具中再次抓取它

您可能会遇到警告。根据我们的经验，这些并不总是最准确的。例如，我们看到一个警告，说我们的图像超过了8 MB的最大大小，或者服务器响应速度太慢。首先，我们的映像远没有那么大，实际上只有160.63 KB。其次，我们的服务器快如闪电，整个页面本身在1秒内加载完毕。

这是我们第二次点击“重新抓取”按钮的地方。是的，这听起来可能很奇怪。但是很多时候你可能需要点击两次。只需要几秒钟。现在你可以看到它正在提取我们新的特色图片。如果我们查看og:image属性，它确实是新的文件名。

请注意，这不会更新共享的脸书帖子的图像。这只会影响您或其他人在约会后分享的帖子。

其他脸书调试器提示

你不仅可以使用脸书调试器工具更新旧图片，还可以更新你在脸书帖子中看到的内容(文本)。标题和描述都是开放的地图meta标签。因此，如果你需要重写一些东西，请在WordPress中更新，然后按照与上面完全相同的步骤操作。

提供的“og:image”属性尚不可用。

此外，我们忽视上述警告并不意味着它们并不总是有用的。事实上，对于你应该使用的图片，有一些推荐的尺寸。否则，可能会发生不好的事情。比如根本不显示的图像(如下图警告所示)。

提供的“og: image”属性尚不可用，因为新图像是异步处理的。为了确保新URL包含图片的共享，请使用标签“og:image:width”和“og:image:height”来指定大小。

脸书调试器-图片太小

发生以上情况是因为我们的形象太小了。脸书要求最小图像尺寸为200 x 200像素。对脸书影业来说，越大越好。1,200 x 630像素似乎对大多数人来说效果最好。也可以放大。实际上，第一个例子中的图片是1460 x 730。记住，脸书会裁剪任何更大的东西，所以保持长宽比是最重要的部分之一。

如果使用的是Yoast SEO之类的插件，也可以建议手动设置图片。也许你的WordPress主题上的特色图片有不同的长宽比或大小。或者你连特色图片都不用！

在这种情况下，Yoast SEO插件允许您为脸书手动上传不同大小的图像，这将填充那些开放的图形元标签。如有必要，还可以手动设置标题和描述。

约斯特·徐·脸书社会框架

缺少以下必需属性:fb:app_id

您可能还会看到以下关于缺少脸书应用程序ID的警告。请注意，这不会以任何方式影响在脸书上分享帖子的能力。很多时候这可以简单忽略。然而，它确实限制了您使用脸书洞察数据的能力。

缺少以下必需属性:fb:app_id

缺少以下必需属性:fb:app_id

如果您需要额外的insight数据，您需要将您的脸书应用ID添加到您的网站。以下是如何将Yoast SEO插件添加到WordPress的说明。

创建你的脸书应用程序:https://developers.facebook.com/docs/apps/register(完全免费)

从应用仪表板复制你的脸书应用ID。

在你的WordPress仪表盘中，点击左边的“SEO”。

在“脸书”标签下，您可以输入您的脸书应用ID。

添加脸书应用ID

在用脸书调试器工具重新测试之前，请务必清空网站的缓存。

总结

你想知道更多关于脸书调试器工具，以及如何使用它来排除故障和修复WordPress网站上的图像。请记住清除所有缓存层并将其刮掉。您的新图片应该正确显示，这样每个人都可以在脸书上共享它。