HTML 为 facebook 设置图像

Question

免责声明： 我已经 google 它并在这里阅读了一些问答所以请避免这些建议。

问题： 当我的网站 url 在 FB 上被提及时，我正在尝试设置要显示的图像，如下所示：

<head>
    <meta property="og:image" content="http://example.com/image/theImage.jpg"/>
    <link rel="image_src" href="http://example.com/image/theImage.jpg"/>
</head>

而且它不起作用！

所选的 facebook 图片位于正文部分，如下所示：

<img src="images/Jil.jpg" alt="Jil" class="img-responsive">

更奇怪的是所选图片不是正文部分的第一个 <img> 标签，所以我不明白 facebook 如何选择要显示的图片的逻辑

Answer 1

调试此类 Facebook 标记问题时，值得使用调试页面：https://developers.facebook.com/tools/debug/

在这种情况下，它听起来像是在告诉您您的图片尺寸过大。

此外，验证您的 HTML 总是好的，因为可能适用于浏览器的内容可能不适用于 Facebook 用于解析该 HTML 服务器端的任何内容。（问题中的 HTML 很好，我只是为未来找到这个答案的人提供这个建议。）

HTML 为 facebook 设置图像

HTML setting an image for facebook

html

facebook

meta