为什么即使og指向大小合适的文件,Facebook共享图像也显得很小

为什么即使og指向大小合适的文件,Facebook共享图像也显得很小,facebook,facebook-ui,facebook-share,Facebook,Facebook Ui,Facebook Share,我正在用FBUI做一个Facebook共享器。我有一个og标签: <meta property="og:image" content="https://www.mydomain.fi/img/fb-share-img.jpg" /> 图像是1200 × 627og调试器不会给出任何错误。但是,当共享链接时,共享图像显示为小正方形,而不是全宽图像 这可能是什么原因造成的 奇怪的是,早些时候og正确地获取了数据,并将照片显示得更大。我不得不调试一些东西并再次获取站点,现在我无法恢复

我正在用FBUI做一个Facebook共享器。我有一个og标签:

<meta property="og:image" content="https://www.mydomain.fi/img/fb-share-img.jpg" />

图像是1200 × 627og调试器不会给出任何错误。但是,当共享链接时,共享图像显示为小正方形,而不是全宽图像

这可能是什么原因造成的


奇怪的是,早些时候og正确地获取了数据,并将照片显示得更大。我不得不调试一些东西并再次获取站点,现在我无法恢复大图像。

我也拥有所有正确的og:标记和大共享图像。当直接共享url时,我得到了一个大图像。当从Facebook JS SDK共享时,它一开始是大的,然后突然变小了。正如其他人所指出的,这几乎是基于FB算法的随机选择。在花了很多时间与标签和调试工具进行斗争之后,我意外地发现了一个黑客(使用时要自担风险):

在不知情的情况下,我从另一个网站复制粘贴了一个og:type标记,其中包含一个无效字符(在我的例子中,引号是“打印机的引号”)

meta-property=“og:type”content=“website” (参见“og:type”和“website”?之间引号的区别)

令我震惊的是,虽然这在调试工具中导致了错误(“URL上的对象“[myurl]”无效,因为配置的“网站”/“的”og:type“无效”),但它实际上强制使用了大图像,所有其他元数据都没有问题


我不知道如何或为什么,所以不要问。但它奏效了。总是我希望这能帮助其他开发者,直到我们能够保证显示正确大小的图像。正如我所说,你的里程数可能会有所不同,如果你跑坏了,不要怪我:)

这太奇怪了。我尝试一下我正在进行的一些项目。那我也许可以接受你的回答。当然,如果我弄坏了它,我会责怪你@多米尼克