我正在尝试确保在共享我的网站时显示正确的元信息。我以为我已经成功了，但我在不同的社交网站上遇到了一些问题，如下所示:
最初我只有
meta name="twitter:东西，但后来添加了meta property="og:正如我被告知的那样，LinkedIn 需要它。这是我在我的网站中使用的元/OpenGraph 数据
head :<!-- OpenGraph -->
<meta property="og:title" content="myurl.com - What this website is" />
<meta property="og:description" content="Specialising in lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod." />
<meta property="og:url" content="http://myurl.com" />
<meta property="og:image" content="/img/site/linkedin-media-image.png" />
<!-- Twitter -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@twitteruser">
<meta name="twitter:url" content="https://myurl.com">
<meta name="twitter:title" content="I am a lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.">
<meta name="twitter:description" content="Specialising in lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.">
<meta name="twitter:image" content="/img/site/social-logo.png">
谁能发现我错过了什么？ Twitter 似乎没问题，除了图片不显示且 URL 正确。虽然 LinkedIn 不使用
og正确，Facebook 不存在？提前致谢。
最佳答案
图像需要完整路径，我也尝试过相对但没有用。
您使用“twitter:url”、“twitter:title”、“twitter:description”和“twitter:image”是多余的，除非您只希望 twitter 有不同的行为。如果找不到这些标签，twitter 将回退到 OGP 标签.
对于 Facebook，您可能缺少以下内容:
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">
我的问题是，尽管他们的 documentation，LinkedIn 似乎拉伸(stretch)了图像。说最小尺寸是 80 x 150px 以防止它被人为地拉伸(stretch)以适应布局。
关于facebook - 用于 facebook、linkedin 和 twitter 的 OpenGraph 元数据，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46367606/