无法让 facebook 更新 OG:链接嵌入的图像数据

问题描述 投票:0回答:1

我的姐夫有一个简单的小企业网站,他要求我在 Facebook 上共享该网站时更改嵌入图像。当我使用 Open Graph 预览检查并通过 Messenger 发送链接时,一切看起来都很好,但即使在使用共享调试器之后,嵌入也不会在 facebook 本身上更新。

  <meta property="og:title" content="Lennox's Lawncare & Property Maintenance">
  <meta property="og:description" content="Expert lawn care, gardening, and property maintenance services. Contact us to transform your outdoor space!">
  <meta property="og:image" content="https://www.lennoxlawncare.co.nz/assets/images/bizvehicle.webp">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="630">
  <meta property="og:image:alt" content="Business Vehicle with Lennox Lawncare signage">
  <meta property="og:url" content="https://www.lennoxlawncare.co.nz/about">
  <meta property="og:type" content="website">

元共享调试器不断尝试指向徽标图像,因此我尝试更改其文件名,但它只是默认为索引网页上的随机图像。

该网站托管在 Netlify 上。

如图所示,网站应该是这样的,但 Facebook 似乎并不同意: 开放图验证

我更改了 og:image url 以指向新图像,然后运行 facebook 共享调试器来清除缓存,但这似乎不起作用。我还尝试单击已共享嵌入旁边的 3 个点,然后单击“刷新共享内容”,但这也不起作用,它仍然使用徽标。

我尝试了在 stackoverflow 上找到的以下解决方案:

  1. jquery 刷新它,但我收到此错误:跨源请求被阻止:同源策略不允许读取 https://graph.facebook.com/ 上的远程资源。 (原因:CORS请求未成功)。状态码:(空)。
  2. fbrefresh URL 参数也没有执行任何操作。
  3. 还尝试使用 php 脚本来完成此操作,但我在该部门的知识有限,所以我不确定为什么它不起作用,控制台没有抛出任何错误。
javascript html jquery css facebook-opengraph
1个回答
0
投票

随着时间的推移,这个问题已经自行解决。大约 48 小时后,Facebook 自动更新了该链接的缓存数据。

如果您遇到类似的问题,可能值得等待 Facebook 刷新其缓存。

作为参考,以下是我最初采取的步骤:

  1. 检查我的 Open Graph 标签是否正确设置并使用了 Open Graph 验证器工具。
  2. 使用 Facebook 共享调试器。
  3. 尝试从 Facebook 链接菜单刷新共享内容。
  4. 更改图像文件名
  5. 在 StackOverflow 上探索了其他解决方案,例如使用 JQuery 刷新缓存,但遇到了 CORS 错误。
© www.soinside.com 2019 - 2024. All rights reserved.