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

Question

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

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

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

Answer 1

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

引用 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: 标签。

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