用于 facebook、linkedin 和 twitter 的 OpenGraph 元数据
OpenGraph meta for facebook, linkedin and twitter
我正在尝试确保在共享我的网站时显示正确的元信息。我以为我已经成功了，但我在不同的社交网站上遇到了一些问题，如下所示：
- Twitter 提取文本但不显示指定的图像。
- LinkedIn 显示文本但似乎使用了错误的图像，因此它被拉伸了。
- Facebook 没有显示任何内容。如果我 post URL，那就是显示为超链接的所有内容。
最初我只有 meta name="twitter: 东西，但后来我在上面添加了 meta property="og:，因为我被告知 LinkedIn 需要它。
这是我在网站中使用的 meta/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 不存在？
提前致谢。
尽量包含图片的完整路径。同样对于 facebook，您可能需要再次抓取页面。
如果您转到此页面 https://developers.facebook.com/tools/debug/ 输入您的站点，它应该会显示任何错误。进行任何更改时，您还需要再次点击抓取按钮
图片需要完整路径，我也尝试了相对路径，但没有成功。
您对“twitter:url”、“twitter:title”、twitter:description”和“twitter:image”的使用是多余的，除非您只想让 twitter 有不同的行为。如果这些标签找不到，推特将回退到 OGP 标签。
对于 Facebook，您可能缺少以下内容：
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">
调试 OG 预览的工具：
我的问题是，尽管 LinkedIn documentation 说最小尺寸是 80 x 150px 以防止它被人为拉伸以适应布局，但它似乎拉伸了图像。
我正在尝试确保在共享我的网站时显示正确的元信息。我以为我已经成功了，但我在不同的社交网站上遇到了一些问题，如下所示：
- Twitter 提取文本但不显示指定的图像。
- LinkedIn 显示文本但似乎使用了错误的图像，因此它被拉伸了。
- Facebook 没有显示任何内容。如果我 post URL，那就是显示为超链接的所有内容。
最初我只有 meta name="twitter: 东西，但后来我在上面添加了 meta property="og:，因为我被告知 LinkedIn 需要它。
这是我在网站中使用的 meta/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 不存在？
提前致谢。
尽量包含图片的完整路径。同样对于 facebook，您可能需要再次抓取页面。
如果您转到此页面 https://developers.facebook.com/tools/debug/ 输入您的站点，它应该会显示任何错误。进行任何更改时，您还需要再次点击抓取按钮
图片需要完整路径，我也尝试了相对路径，但没有成功。
您对“twitter:url”、“twitter:title”、twitter:description”和“twitter:image”的使用是多余的，除非您只想让 twitter 有不同的行为。如果这些标签找不到，推特将回退到 OGP 标签。
对于 Facebook，您可能缺少以下内容：
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">
调试 OG 预览的工具：
我的问题是，尽管 LinkedIn documentation 说最小尺寸是 80 x 150px 以防止它被人为拉伸以适应布局，但它似乎拉伸了图像。