35

我检查了我的网址,因为 facebook 不使用我在 og:image 上设置的图像

网址 fb 检查

我的图片是:639x649px 486kb 但fb使用这张图片:300x443px 97kb

警告说:

og:image 应该更大:前提是 og:image 不够大。请使用至少 200x200,最好是 1500x1500 的图片。(最大图像大小为 5MB。)将使用图像 'url from image, size: 300x443px 97kb'。

但是当我尝试创建一个 1500x1500px 的图像,上传到服务器,刷新并再次检查顶部的链接时,结果是一样的。

4

11 回答 11

77

我在 Facebook 的经历让我怀疑计算机是确定性机器 :)

有时它会接受任何尺寸的图像(200 到 1500px 之间),有时会抱怨图像太小(og:image 应该更大),即使图像是平方的并且大于最小尺寸(例如 400x400px)。我的情况是,同一链接在 linter 和 FB 状态字段中显示所有 3 个 og:图像,然后突然 2 周后停止工作并开始仅显示一个图像,同时尝试在 FB 状态字段中共享它(linter 仍然显示所有 3 个图像),反之亦然。有时 FB 似乎有不同域的问题(例如页面在 www.example.com 和 og:image 在 www.picdumpexamplesite.com),有时它不介意......

恕我直言,它已严重损坏,您能做的最好的事情是:
- 使图像平方,四舍五入到“数百”,例如大小 300x300px
- 将它们托管在同一服务器上(相同的域名)
- 使用 jpg
- 避免任何“奇怪”字符文件名(我只使用字母和数字)
- 祈祷上面的东西可以工作:)

于 2013-04-09T09:29:03.933 回答
20

这是我的悲惨故事,希望它可以帮助其他人。

我收到了类似的警告:

Provided og:image is not big enough. Please use an image that's at
least 200x200 px.

但这仅发生在我们网站的某些页面上,而不是其他页面上。这很奇怪,因为我们使用的 CMS 始终427px x 307px在每个页面上放置一个图像,并使用该图像的 URL 作为og:image标记。

在尝试了上述提示后,我最终比较了有效页面上的 JPG 文件与无效页面上的 JPG 文件,发现无效页面中包含 EXIF 元数据。我在 Photoshop 中删除了元数据,更新了网页并将页面重新提交到Facebook 调试器,它工作正常。

tl;dr - 从 og:image 中删除 EXIF 数据。

于 2013-10-09T14:05:06.730 回答
15

我有

<meta property="og:type" content="website" />

在元标记中。

删除了该行并且它起作用了。

当前标签现在看起来像这样:

<meta property="og:title" content="Title Here" />       
<meta property="og:url" content="http://www.mysite.com" />
<meta property="og:image" content="http://www.mysite.com/images/myimage.jpg"/>
于 2013-07-19T15:03:49.073 回答
4

根据我的经验,Facebook 通常会在第二次抓取 URL 时清除图像大小错误。它会在第一次刮取任意大小的图像时给出错误。我遇到的问题是它最终使用图像并将其任意裁剪为 2:1 以用于页面帖子。

于 2013-09-12T20:04:52.410 回答
2

我发现通过添加以下对我有用的附加标签...

<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="1280" />
<meta property="og:image:height" content="855" />

正如Facebook linter报告中提到的那样:og:图像太小,当它大于它选择的图像时

于 2015-09-11T11:09:02.873 回答
1

我遇到了同样的错误,但我也没有og:description. 一旦我添加了描述,图像就起作用了。

于 2013-12-11T21:23:33.903 回答
1

我尝试了这篇文章和其他人的许多建议都无济于事。解决方案(我在其他地方没有看到)是为<head>我之前完全省略的元素添加正确的前缀。

<head prefix="og: http://ogp.me/ns#">

我不确定这是否真的解决了问题,或者它是否迫使调试器正确地重新扫描图像。希望此解决方案对其他人有所帮助。

于 2014-01-07T21:22:07.850 回答
1

我最近遇到了类似的问题。根据经验,使用 JPG 而不是 PNG 文件。

PNG文件的问题是透明背景。他们无法正确计算身高和体重。

很遗憾,文档上没有指定...

于 2019-10-16T07:15:53.857 回答
0

关于 100 舍入和平方的想法是不正确的。我不知道你从哪里得到的。看看这个网。尝试调试 URL http://www.stipendije.ba/novost/1969

它也可能取决于“强烈”的颜色、巨大的对比度和奇怪的字符。

于 2013-11-05T21:55:11.647 回答
0

我认为SeeBeen是对的。我发现 Facebook 更喜欢四舍五入到数百的数字,而且似乎不太关心图像是否为正方形。

例如,它将正确选择 700x300 的图像,而不是 610x281 的图像(这些是我测试中的实际示例)。我遇到了 og:image 为 610x281 的问题,而 FB 会从我们的侧边栏中选择 300x600 横幅广告,而完全忽略 og:image。当我将原始图像文件更改为 700x300 时,它工作正常。

我想这很快就会改变,但现在(2013 年 3 月)它似乎有效。

于 2013-03-25T17:56:02.417 回答
0

我已经通过使用 Facebook URL 调试器强制刷新规范 URL 的缓存来解决这个问题。这就是诀窍。我试图刷新一个不是确切规范 URL 的 URL(它缺少尾部正斜杠)。一旦我获取了正确 URL 的新元数据,一切都会正确解析和显示。

于 2016-03-15T19:52:49.007 回答