wordpress - 拥有所有相关的 opengraph 社交元(由 AIOS 创建),但 facebook 调试无法识别
问题描述
我知道这是一个老话题,但我已经挖掘了几十个相关的问题和解决方案,但它们都不起作用。
我读过的一些问题: 无法修复:'og:image' 属性应该明确提供,即使可以从其他标签推断出一个值
Wordpress All In One SEO 插件未共享到 Facebook 墙
我的 facebook 调试测试网址:
https://trangthietbiytehcm.com
另外,我通过 Facebook 共享调试和 Facebook 对象调试进行了调试
这是 Facebook 对象调试:
这是 Facebook 分享调试:
这是帖子的标题标签:
我还补充说,有时这篇文章可以在我的 Facebook 页面上很好地显示(包括图像缩略图),但大多数时候它没有。
我已经清除了我的 wordpress 缓存。
当然,我可以阅读帖子上的社交 opengraph 标签,但 facebook 无法阅读它们。我不知道这个问题背后的原因。请帮我说清楚!谢谢
编辑:这是对 Facebook 有时会很好地接收我的博客文章这一事实的捕捉。帖子链接是:https://trangthietbiytehcm.com/uncategorized/san-pham-test-lan-2/ 我想补充一下上面的测试链接(https://trangthietbiytehcm.com/uncategorized/bai-viet -mau/ ) 也有与此相同的事实
编辑(更新):在对这个问题感到沮丧几个月后,我什至在新主机服务器上的另一个新网站上进行了测试。我终于发现这个问题的原因是W3总缓存的页面缓存功能
解决方案
我们发现这个问题也与 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)。
我们还没有找到一个仍然允许使用此功能的好的修复程序。
推荐阅读
- javascript - vue-bootstrap shows components content badly when page loads
- arrays - 每个阵列的 LIBGDX 碰撞检测
- c# - Is there a way to do LINQ to SQL with MySQL for .NET Application?
- angularjs - 停止 AngularJS 无模板请求
- redis - How to prevent data duplication in redisgraph?
- linux - Why some processes(even they are user processes) could not be migrated to a certain cpu by `cpuset(7)`?
- javascript - Customer Chat Plugin (beta) make button smaller for mobile?
- javascript - Hi - this may be a question that was asked before but how do we assign a variable's value as Property / Value of another new variable?
- python - 竞争性编程:如何检查变量的值是否存在于 python 列表中?
- kubernetes - 部署 Yaml 文件