javascript - LinkedIn 共享显示大图像的要求

Question

我的问题是:为什么图像很小以及如何使其变大？

我已经实现了linkedIn共享。 为此，我添加了元标记:og:title og:image og:description og:url。

一切正常，但我的图像很小。

• Small image example

• Big image example

我们已向 linkedIn 询问此事，答案是检查图像长宽比，但没问题。而且图像长宽比并不是导致问题的原因。

我们测试了不同的图像(大小、尺寸、简单图像、彩色图像等)。 没有任何帮助。

可能是不同来源的问题。尝试确保您的网站和图片均来自同一来源。

Answer 1

它必须运行良好，而且您可能已经处理了所有需要的事情。

不过，我还是想帮助您提供一些我认为确实需要的见解，以使其按照 LinkedIn 的指南和我的使用经验运行。

信息。来自 LinkedIn:

以下是必须存在的 og: 标签及其正确格式:

• <meta property='og:title' content='Title of the article"/>
• <meta property='og:image' content='//media.example.com/ 1234567.jpg"/>
• <meta property='og:description' content='Description that will show in the preview"/>
• <meta property='og:url' content='//www.example.com/URL of the article" />

以下是 LinkedIn 共享模块特定的图像要求:

• 最大文件大小:5 MB
• 最小图片尺寸:1200(宽)x 627(高)像素
• 建议比例:1.91:1

注意:如果图片符合要求，但仍然没有出现在 LinkedIn 的更新中，则您的网站可能阻止我们提取图片，或者图片可能位于 protected 目录中或网站。

我的建议:

您可能已经很好地处理了宽高比，但这里的问题是最小尺寸和允许的最大文件大小他们提到的图像。

我会检查我的最小尺寸是否为 1200(宽)x 627(高)像素。

此外，还要注意文件大小，即文件不得大于 5 MB。

除了这些之外，我还会查找是否有 META - og:image:width 和 og:image:height 。

示例:

<meta property="og:image:width" content="1920" />
<meta property="og:image:height" content="780" />

更新:

如果所有设置均按上述方式设置，您可能想尝试清除浏览器的缓存或在隐身(私有(private))窗口中尝试相同的操作。

此外，在检查器工具中进行测试或在发布 URL 时进行预览时，请验证您的 URL 编码/解码是否正确。

希望这对您有帮助。干杯!