DEMO URL – http://maz.node1357.speedyrails.net/webreader/803 该页面具有打开的图形标签,其中提供了打开的图形图像,尽管来自S3的HTTP具有240px宽度和320px高度. meta property="og:url" content="http://maz.node13
该页面具有打开的图形标签,其中提供了打开的图形图像,尽管来自S3的HTTP具有240px宽度和320px高度.
<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和高度>的图像. 300像素.关于如何从Linkedin上的开放图形标签中获取图像的任何指导原则？
根据 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>