Facebook Open Graph Images的最小宽度和高度是多少?

Eva*_*n B 50 facebook facebook-graph-api facebook-opengraph

我曾经读过,Facebook开放图表中与给定网址相关联的图片必须大于50 x 50

但是,当我们运行Facebook对象调试器时 - 我们收到以下警告:

"微小og:图像:og:image引用的所有图像在两个维度上必须至少为200px.请检查给定网址中带有标记og:image的所有图像,并确保它符合最低规格."

我们的网址是http://www.famousbirthdays.com/people/charlie-chaplin.html,图片显示在对象属性下

我们是否需要将图像转换为200 x 200以上?或者我们可以保留原样吗?它目前是一个65 x 75的图像.

谢谢你的帮助!

Luc*_*lho 67

今天我对这个问题有了更清晰的答案(来自Open Graph调试器工具):

小og:图像:og:image 引用的所有图像在两个维度上应至少为200px,首选1500x1500.(最大图像大小为5MB.)请在给定网址中使用标记og:image检查所有图像,并确保其符合建议的规格.

og:图像应该更大: 提供og:图像不够大.请使用至少200x200,最好是1500x1500的图像.(最大图像尺寸为5MB.)将使用图像...

所以,是的,你必须将你的开放图形图像转换为至少200x200像素,似乎越大越好.

如果您的图像小于200x200,Facebook将尝试使用页面上可用的较大图像(如果).

调试器返回的相同信息可以在打开的图形文档中找到,"最大化媒体内容的分发"主题,第3项:标签

  • 通过https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content/ (4认同)

Zac*_*bey 20

编辑:Facebook修正了他们的文档:

来自卢西亚诺的答案:

og:图像在两个维度上应至少为200px,首选1500x1500.(最大图像大小为5MB.)

  • 请参阅https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content/ (3认同)

Sco*_*tte 14

很清楚.它们不能超过130x110px,每边必须至少200px.如果您将图像存储在TARDIS上,这是完全可能的.

说真的,我只是遇到了这个问题,因为不久之前页面通过就好了,这让我很困惑.我希望这是为时间轴布局设计的更改,该更改尚未在文档中更新.我找不到的是,如果og:图像现在必须"至少"每侧200px,最大值是什么,当前推荐的尺寸是多少.WTF确实.

斯科特


小智 7

我遇到了同样的问题.我正在使用wordpress网站,所以我不得不放弃www.检查您wordpress admin > settings >general的站点地址/ 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"/>
Run Code Online (Sandbox Code Playgroud)

在wordpress中,我确实离开了 <title><?php wp_title( '|', true, 'right' ); ?></title>那里.

另外在我的实例中的其他帖子中建议这段代码: <link rel="image_src" href="http://URL-TO-YOUR-IMAGE" / >使它成为非工作.删除它立即修复它.

我使用了500 x 500的图像.祝你好运..希望我能拯救别人的痛苦.


小智 6

只需遵循以下规则:

  1. "使用至少1200 x 630像素的图像,以获得高分辨率设备上的最佳显示效果."
  2. "尽量使图像保持尽可能接近1.91:1的宽高比,以便在没有任何裁剪的情况下在新闻Feed中显示完整图像."
  3. 图像的首选宽度为1500px

遵循上述原理,优选图像的宽度为1500px,高度为786px(保持1.91:1的宽高比).

来源:Facebook:分享最佳实践


sdo*_*ass 0

我遇到了同样的问题。我没有进行详尽的测试,因此我无法确切地说出显示图像的要求是什么。我可以说我将图像切换为 >200x>200(特别是 350x350),然后它们就出现了。