Question

DEMO网址 - http://maz.node1357.speedyrails.net/webreader/803

页面有打开的图形标记，其中提供了打开的图形图像，但来自S3的HTTP宽度为240像素，高度为320像素。

  <meta property="og:url" content="http://maz.node1357.speedyrails.net/webreader/803">
  <meta property="og:title" content="sharetest_4">
  <meta property="og:site_name" content="MAZ">
  <meta property="og:description" content="test pdf 10 page">
  <meta property="og:image" content="http://s3.amazonaws.com/maz_staging2/staging2env1/issues/00022/webreader/thumbs/staging2env1_00022_thumb_0001@2x.gif" />

为什么图像预览切换器出现在这里？第一个图像似乎是由og:image标签指定的图像，但第二个图像似乎永远不会加载，尽管页面中有许多图像的尺寸大于Linkedin指定的尺寸。

我查了一些其他网站。 Linkedin在Techcrunch上的这篇文章分享显示没有切换器 - CLICK HERE

但是从这个分享 - CLICK HERE

这两个URL都具有宽度= 680px和高度＆gt;的图像。 300像素。关于如何从Linkedin上的开放图形标签获取图像的任何指导原则？

Answer 1

根据LinkedIn Developer Reference，您需要html代码中的Open Graph命名空间。

<html prefix="og: http://ogp.me/ns#">
<head>
  <meta property="og:title" content="My Shared Article Title" />
  <meta property="og:description" content="Description of shared article" />
  <meta property="og:url" content="http://example.com/my_article.html" />
  <meta property="og:image" content="http://example.com/foo.jpg" />
</head>
<body>
   …
</body>
</html>

LinkedIn没有选择og：image指定的图像

1 个答案: