我的问题是:为什么图像很小,如何放大?
我实现了linkedIn share。
为此,我添加了元标记:og:title
og:image
og:description
og:url
。
一切正常,但我的形象很小。
我们已经询问了linkedIn,答案是检查图像的宽高比,但这很好。图像长宽比并不是造成问题的原因。
我们已经测试了不同的图像(大小,尺寸,简单图像,彩色图像等)。 没有帮助。
肯定还有一些附加层。我们已经更改了服务器提供图像的方式,这解决了我们的问题,但是我们仍然不确定是什么问题。
答案 0 :(得分:1)
它必须工作良好,否则您可能已经照顾了所有需要的细微事情。
不过,我仍然想为您提供一些见解,我认为这些见解对于使它按照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共享模块的图像要求:
注意:如果该图片符合要求,但仍未出现在LinkedIn上的更新中,则说明您的网站可能阻止我们提取该图片,或者该图片可能位于受保护的目录中或网站。
您可能已经很好地考虑了宽高比,但是最大收获是这里的最小尺寸和允许的最大文件大小他们提到的图片。
我会检查我的最小尺寸是否为1200(w)x 627(h)像素。
此外,还要注意文件大小,即文件大小不能超过5 MB。
除了这些东西,我还会寻找是否有META-og:image:width
和og:image:height
。
示例:
<meta property="og:image:width" content="1920" />
<meta property="og:image:height" content="780" />
如果所有设置均如上所述,您可能想要清除浏览器的缓存或在隐身(私有)窗口中尝试使用它。
此外,在检查器工具中进行测试时或在发布URL时获得预览时,请验证是否正确编码/解码了URL。
希望这对您有所帮助。干杯!
答案 1 :(得分:0)
我在wordpress网站和blog2social插件上也遇到了同样的问题。所有社交网站,例如facebook,instagram,twitter都在获取我的帖子图像,linkedin显示一个灰色框。 linkedin链接检查器会从og:image元标记正确找到图片。我的帖子图像尺寸也是:1000x500像素。我看到linkedin需要的比率为1.91:1。所以我将图片发布更改为1000x525。我以前有1170x600,但是instagram有问题。因此我将宽度减小到1000。我认为图像大小不是问题,因为随机地将一些帖子与正确的图像共享。但大多数情况下,帖子没有图片。
答案 2 :(得分:0)
可能是其他来源问题。尝试确保您的网站和图片的来源相同。
例如网站网址为table {
overflow: auto;
display: block;
width: 100%;
}
,图片网址为some-site.com
。尝试将some-image-url.com
更改为some-image-url.com