今天我从Open Graph debugger tool获得了更明确的答案:
小的og:image: 所有被 og:image 引用的图像尺寸应该至少为200px × 200px,最好为1500px × 1500px。(图像大小上限为5MB。)请检查给定 URL 中带有 og:image 标签的所有图像,并确保符合推荐规格。
og:image 应当更大: 提供的 og:image 不够大。请使用大小至少为200px × 200px且最好为1500px × 1500px的图像。(图像大小上限为5MB。)将使用图像…代替。
因此,是的,您必须将您的 Open Graph 图像转换为至少200px × 200px,而且似乎越大越好。
如果您的图像尺寸小于200px × 200px,Facebook 将尝试在页面中使用(如果有)更大的图像。
调试器返回的相同信息可在Open Graph文档的“最大化媒体内容分发”主题、第3项:标签中找到。
很清楚,图片大小不能超过130x110像素,每边至少为200像素。如果您将图像存储在TARDIS上,则完全可以做到。
说真的,我自己也遇到了这个问题,这让我感到相当困惑,因为不久前页面已经通过检查了。我认为这是为时间轴布局设计的更改,只是文档还没有更新。我找不到的是,如果og:images现在必须是每边“至少”200像素,那么最大值和当前推荐大小是多少。简直令人糊涂。
Scott
我遇到了同样的问题,让我感到十分头疼。我正在使用WordPress网站,所以我必须去掉www
。请在你的WordPress后台管理 > 设置 > 常规
中查看你的网站地址/WordPress地址等。这可以解决其他URL错误。
至于图片问题,我只能说将以下内容添加到我的头文件中对我有用:
<html prefix="og: http://ogp.me/ns#">
<head>
<meta property="og:image" content="http://yourwebsite.com/images/yourimage.jpg"/>
<meta property="og:image:width" content="500" />
<meta property="og:image:height" content="500" />
<meta property="og:title" content="your website page title"/>
<meta property="og:url" content="http://yourwebsite.com"/>
<meta property="og:site_name" content="site name and content etc"/>
<meta property="og:description"content="description of site" />
<meta property="og:type" content="Website"/>
<title><?php wp_title( '|', true, 'right' ); ?></title>
。<link rel="image_src" href="http://URL-TO-YOUR-IMAGE" / >
使其无法工作。将其删除后立即解决了问题。看起来他们更新了文档:
图片大小必须至少为50px x 50px(但最小为200px x 200px是首选),最大长宽比为3:1
来自Facebook开发者页面:
为了在高分辨率设备上获得最佳显示效果,请使用至少1200 x 630像素的图像。最低要求是,您应该使用至少600 x 315像素的图像来显示带有较大图像的链接页面帖子。
您可以在 这里 找到更多详细信息。请查看第4点。
为了在高分辨率设备上获得最佳显示效果,请使用至少1200 x 630像素的图片。最小限度上,您应该使用600 x 315像素的图片来显示具有更大图片的链接页面帖子。
参考: https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content#images