Linkedin 在分享时显示 3 个不同的图像

Question

Linkedin 在尝试分享时显示不同的 3 张图片。这是头标签

<meta property="og:site_name" content="OkyTalk">
<meta property="og:title" content="OkyTalk ">
<meta property="og:type" content="website">
<meta property="og:url" content="https://okytalk.com/teachers/profile/displayProffesional">
<meta property="og:image" content="https://okytalk.com/media/okytalk/img/share.jpg">
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:width" content="470">
<meta property="og:image:height" content="246">

任何想法如何只显示一个？其他 share(facebook, twitter, google+) 工作正常。

Answer 1

出于某种原因，LinkedIn 正在使用 img 标签中的图片，这与 Facebook 等不同

解决方法是更改您共享页面上 img 标签中的图像以设置 CSS 中的图像并将 img 标签更改为 div.

添加如下样式：

#howitworksstudent{
  background: url(https://okytalk.com/media/okytalk/img/how-it-works-student.png);
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}

并将您的 img 标签更改为：

<div id="howitworksstudent"/>

不理想，但可以解决问题。我已经对此进行了测试并且能够重现您的初始问题，所以我知道它有效。

希望对您有所帮助。

Answer 2

自 2015 年以来，情况确实发生了变化！比如LinkedIn整个公司都被微软收购了，几乎所有LinkedIn的旧文档在LinkedIn.com上都只是404的。我会 post 以防其他人仍然遇到这个问题。

引用 Microsoft LinkedIn Share Documentation，您希望您的份额 URL 实际上是...

https://www.linkedin.com/sharing/share-offsite/?url={url}

您的 og: 标签似乎是正确的，它们应该在 2020 年的今天得到正确解释。似乎它们在您提出问题两年后的 2017 年才得到正式支持。看看LinkedIn Developer Docs: Making Your Website Shareable on LinkedIn。这些应该有用...

<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" />

别忘了，一旦您完成所有编码并完成，您就可以测试您的页面了！取你网站的URL（example.com，不是linkedin.com/share?site=example.com），输入LinkedIn Post Inspector .

这是我用 20 多个分享服务创建的 online demo（100% 没有货币收入，它被设计为一个测试站点）。查看源代码，了解它如何使 LinkedIn URL 使用 og: 标签。

希望所有这些信息对某人有所帮助！

Linkedin 在分享时显示 3 个不同的图像

Linkedin show 3 different image when sharing

html

social-media

linkedin

facebook-opengraph

socialshare