5

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

在此处输入图像描述

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

4

2 回答 2

1

与 Facebook 等不同，LinkedIn 出于某种原因正在获取 img 标签中的图像。

解决方法是更改​​您共享页面上的 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"/>

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

希望有帮助。

于 2015-05-15T10:02:11.417 回答
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 开发人员文档：让您的网站在 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 多个共享服务创建的在线演示（100% 没有货币收入，它被设计为一个测试站点）。查看源代码，了解它如何使 LinkedIn URL 与og:标签一起使用。

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

于 2020-05-31T13:27:59.590 回答