LinkedIn Open Graph 显示错误的图像答案

【问题标题】：Wrong image displayed by LinkedIn Open GraphLinkedIn Open Graph 显示错误的图像
【发布时间】：2015-06-29 15:00:37
【问题描述】：

我正在尝试在我的 LinkedIn 个人资料上分享 http://gbgtechweek.com/。

我有这个元标记：

<meta property="og:image" content="http://gbgtechweek.com/img/gbgtechweek_img.png" />

但是，LinkedIn 选择显示页面中的另一张图片 (http://gbgtechweek.com/img/goteborg00.jpg)

这是因为尺寸的原因吗？我该如何解决？

我尝试使用“？！”进行更新最后，LinkedIn 会重新获取 Open Graph 数据，但没有用。

有什么解决办法吗？

【问题讨论】：

标签： html linkedin facebook-opengraph meta-tags

【解决方案1】：

LinkedIn（令人震惊和可悲！）来自http://embed.ly/providers 的only use official partners 用于您个人资料中的“项目”。 Open Graph 仅适用于 LinkedIn 提要/共享更新区域。

否则，您可以将各种文件类型上传到功能，但无法明确告诉 LinkedIn 要在个人资料中使用哪个图像。

Embed.ly 在您的网站上提供 pick up open graph 信息，但他们不会优先考虑 OG 信息。事实上，Embed.ly 写了一篇博客文章，本质上是 scoffs at the widespread use of Open Graph tags 用于分享以及用户和大型网站应该如何不信任他们。

编辑：

回答评论：

您可以重新调整 embed.ly 上的内容，例如，在您将网站添加到您的个人资料时禁用您的 background-image，或者将您的 background-image 切换到所需的足够长的时间让您在 LinkedIn 上获得所需的效果。这不是一个有保证的修复，因为 LinkedIn 可能会在稍后（任何！）时间重新缓存项目，这会将其设置回您的 background-image。

【讨论】：

我能否以某种方式重组图像或赋予它一个属性以使其成为图像数组中的第一个，此时我想要的图像是第二个..

【解决方案2】：

这只是发生在我身上，原因是 og:image 标记中的图像文件名中包含重音 Unicode 字符（例如，á、é）。 LinkedIn 必须跳过带有这些字符的文件名，因为它在页面上选择了另一个图像。

我将图像文件名更改为不带 Unicode 字符的文件名，它提取了正确的图像。

【讨论】：

【解决方案3】：

LinkedIn 可以从名为“oEmbed”的标签中获取图片，尽管存在 og:image 标签。

这里是一个例子：

&lt;link rel="alternate" type="application/json+oembed" href="https://www.s-sols.com/api/oembed/1.0/embed?url=https%3A%2F%2Fwww.s-sols.com%2Fhow-make-multipage-website"&gt;

而这个 JSON 内容包含普通图像。

我在 WordPress 中遇到过这个问题。解决方法是将这个标签删除为described here:

remove_action('wp_head', 'wp_oembed_add_discovery_links', 10);
remove_action('wp_head', 'wp_oembed_add_host_js');
remove_action('rest_api_init', 'wp_oembed_register_route');
remove_filter('oembed_dataparse', 'wp_filter_oembed_result', 10);

【讨论】：

【解决方案4】：

您可以在此处尝试刷新linkedin缓存（针对特定链接）：

https://www.linkedin.com/post-inspector/

【讨论】：