首页 > 解决方案 > 拥有所有相关的 opengraph 社交元(由 AIOS 创建),但 facebook 调试无法识别

问题描述

我知道这是一个老话题,但我已经挖掘了几十个相关的问题和解决方案,但它们都不起作用。

我读过的一些问题: 无法修复:'og:image' 属性应该明确提供,即使可以从其他标签推断出一个值

Wordpress All In One SEO 插件未共享到 Facebook 墙

我的 facebook 调试测试网址:

https://trangthietbiytehcm.com

另外,我通过 Facebook 共享调试和 Facebook 对象调试进行了调试

这是 Facebook 对象调试:

Facebook 对象调试结果

这是 Facebook 分享调试:

Facebook 分享调试结果

这是帖子的标题标签:

头html

我还补充说,有时这篇文章可以在我的 Facebook 页面上很好地显示(包括图像缩略图),但大多数时候它没有。

我已经清除了我的 wordpress 缓存。

当然,我可以阅读帖子上的社交 opengraph 标签,但 facebook 无法阅读它们。我不知道这个问题背后的原因。请帮我说清楚!谢谢

编辑:这是对 Facebook 有时会很好地接收我的博客文章这一事实的捕捉。帖子链接是:https://trangthietbiytehcm.com/uncategorized/san-pham-test-lan-2/ 我想补充一下上面的测试链接(https://trangthietbiytehcm.com/uncategorized/bai-viet -mau/ ) 也有与此相同的事实

在此处输入图像描述

编辑(更新):在对这个问题感到沮丧几个月后,我什至在新主机服务器上的另一个新网站上进行了测试。我终于发现这个问题的原因是W3总缓存的页面缓存功能

标签: wordpressfacebookfacebook-opengraph

解决方案


我们发现这个问题也与 W3 Total Cache 有关。具体来说,它是Wordpress Dashboard > Performance > Minify > Eliminate render-blocking CSS by move it to HTTP body feature。这样做是将所有 CSS 推到标签之后,将所有其他标题标签向下移动。

似乎 Facebook(和 Twitter?)在决定尝试渲染之前只解析固定数量的页面......如果你的 CSS 很长,那么它永远不会看到你的 og:image 标签(或任何其他标签,如 Title , ETC)。

我们还没有找到一个仍然允许使用此功能的好的修复程序。


推荐阅读