用于facebook、linkedin和twitter的OpenGraph meta
我试图确保当我的网站被共享时，正确的元信息被显示出来。我原以为它能正常工作，但我在不同的社交网站上遇到了一些问题，如下所示：用于facebook、linkedin和twitter的OpenGraph meta,facebook,twitter,linkedin,facebook-opengraph,meta-tags,Facebook,Twitter,Linkedin,Facebook Opengraph,Meta Tags,我试图确保当我的网站被共享时，正确的元信息被显示出来。我原以为它能正常工作，但我在不同的社交网站上遇到了一些问题，如下所示： Twitter会拉入文本，但不会显示指定的图像 LinkedIn显示文本，但似乎使用了错误的图像，因此被拉伸 Facebook没有显示任何内容。如果我发布了URL，这就是显示为超链接的全部内容 最初，我只拥有meta name=“twitter:功能，但后来我被告知LinkedIn需要meta属性=“og: 这是我在网站中使用的meta/OpenGraph数据head
- Twitter会拉入文本，但不会显示指定的图像
- LinkedIn显示文本，但似乎使用了错误的图像，因此被拉伸
- Facebook没有显示任何内容。如果我发布了URL，这就是显示为超链接的全部内容
meta name=“twitter:meta属性=“og: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">
提前感谢。尝试包含图像的完整路径。同样，在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#">
我的问题是，LinkedIn似乎在拉伸图像，尽管他们说最小尺寸为80 x 150px，以防止图像被人为拉伸以适应布局。谢谢，我收到的警告之一是“应明确提供'og:image'属性，即使可以从其他标记推断出值。“所以我猜这是指路径为
og:image