HTML为facebook设置图像答案

【问题标题】：HTML setting an image for facebookHTML为facebook设置图像
【发布时间】：2017-04-10 04:48:25
【问题描述】：

免责声明： 我已经用谷歌搜索了它并在这里阅读了一些问答，所以请避免这些建议。

问题： 我正在尝试设置在 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 选择的图片位于 body 部分，如下所示：

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

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

【问题讨论】：

你拥有的应该没问题。在此处进行测试以确保它不是之前测试的缓存问题：developers.facebook.com/tools/debug 另外，请验证您的 HTML。
@Brad 感谢链接显示图片太大。

标签： html facebook meta

【解决方案1】：

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

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

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

【讨论】：