用于多语言页面的 Opengraph 和 Linkedin答案

【问题标题】：Opengraph & Linkedin for multilanguage pages用于多语言页面的 Opengraph 和 Linkedin
【发布时间】：2020-09-22 02:33:36
【问题描述】：

我们公司需要在Linkedin上发布一个帖子到以下页面，该页面存在法语和英语。问题：Linkedin 可以识别法语的 og:image 属性，但不能识别英语。

网址： https://www.bsit.com/en/bsit-business (英文) https://www.bsit.com/fr/bsit-business (法国) 我在两者上都设置了 og:image 属性，以便在社交媒体上共享时每个都显示特定的图像缩略图。该网站使用 Grav，顺便说一句。

问题： 尝试在 Linkedin 上共享法语链接时，会显示正确的图像缩略图。对于英文链接，它不显示在 og:image 属性中指定的图片，而是在着陆页中使用的另一个图片。

我尝试过的： 在 URL 的末尾添加一个随机查询 ('/bsit-business?1') 会给出正确的缩略图。由于某种原因，添加“？utm”查询（我想使用）并不能修复缩略图。 FR 页面工作正常，所以我怀疑这是因为我没有在我的网站上包含 og 前缀...... 图像存在，og:image 链接正确，尺寸和文件大小尊重要求。在 Facebook 上一切正常。

感谢您的帮助！

【问题讨论】：

我已经尝试过似乎可以解决问题的方法：添加随机查询“？1”查询和 UTM 参数，以允许显示缩略图和完成跟踪（希望）。但是，无法弄清楚为什么会这样。无论如何，因为这是一个相当响亮的修复，我仍然会感谢任何人对此事的反馈！谢谢 :)

标签： linkedin facebook-opengraph grav

【解决方案1】：

这个问题肯定不存在了。

那么，发生了什么？可能是缓存问题，因为 LinkedIn 喜欢缓存页面。您可以通过在 LinkedIn Post Inspector 中加载您的网站来使缓存失效。

LinkedIn Post Inspector ：这可能是最好的工具，因为它可以告诉您所有内容的显示方式（图片、标题、网址等）以及做出该决定的原因（og: 标签， title/html 标签、其他标签系统等）。

如果它仍然没有使缓存无效并重新更新可用信息，请尝试检查example.com?somerandomthing=test。由于 URL 在技术上是不同的，并且您可能没有根据 somerandomthing 执行任何逻辑，这应该会导致重新提取页面数据以进行检查。

【讨论】：