facebook - 强制 Facebook OG 图像一致性

Question

Facebook OG Image 东西是一场噩梦。您如何解决让图片持续出现在 Facebook 上的问题？我目前正在努力为网站论坛获取默认图像设置。该论坛在 phpBB 中。我已将此代码添加到标题中。

<meta property="og:image" content="https://fyxtrpg.com/wp-content/gallery/assets/fyxt-rpg-forum-default-facebook-image.jpg" />
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:width" content="484">
<meta property="og:image:height" content="252">

图像被设置为它应该的确切大小。我什至告诉 Facebook。但它仍然切断了两端。

我也收到错误消息，提示无法下载图像或图像太小。它不小，超过了 200px 最小值。它还列在调试器中，表明 Facebook 确实可以很好地下载它。

我的网址:https://fyxtrpg.com/fyxt-forum/viewtopic.php?f=7&t=128

Facebook 调试信息

Time Scraped    2 seconds ago
Response Code   206
Fetched URL https://fyxtrpg.com/fyxt-forum/viewtopic.php?f=7&t=128
Canonical URL   https://fyxtrpg.com/fyxt-forum/index.php
Notice
Warnings That Should Be Fixed
og:image could not be downloaded or is too small    og:image was not defined, could not be downloaded or was not big enough. Please define a chosen image using the og:image metatag, and use an image that's at least 200x200px and is accessible from Facebook. Image 'https://fyxtrpg.com/wp-content/gallery/assets/fyxt-rpg-public-beta-logo.jpg' will be used instead.
To find the object, these are the redirects we had to follow
original    https://fyxtrpg.com/fyxt-forum/viewtopic.php?f=7&t=128
og:url  https://fyxtrpg.com/fyxt-forum/index.php
The following will be treated as a redirect by the crawler:
A HTTP redirect
A <link rel="canonical" href=".." /> tag
A <meta property="og:url" content=".." /> tag
The final URL, which we tried to extract metadata from is highlighted in bold
These are the raw tags that we found
Meta Tag    <meta property="og:url" content="https://fyxtrpg.com/fyxt-forum/index.php" />
Meta Tag    <meta property="og:title" content="Fyxt RPG Forums" />
Meta Tag    <meta property="og:description" content="The free to play Fyxt RPG system offers RPG players a fun, fast, and flexible RPG experience. Play any genre, setting, or character for free with Fyxt RPG!" />
Meta Tag    <meta property="og:image" content="https://fyxtrpg.com/wp-content/gallery/assets/fyxt-rpg-forum-default-facebook-image.jpg" />
Meta Tag    <meta property="og:image:type" content="image/jpeg" />
Meta Tag    <meta property="og:image:width" content="484" />
Meta Tag    <meta property="og:image:height" content="252" />
Based on the raw tags, we constructed the following Open Graph properties
og:url  https://fyxtrpg.com/fyxt-forum/index.php
og:type website
og:title    Fyxt RPG Forums
og:image    
og:description  The free to play Fyxt RPG system offers RPG players a fun, fast, and flexible RPG experience. Play any genre, setting, or character for free with Fyxt RPG!
og:updated_time 1417807331

如您所见，调试器说找不到它，然后向我显示它实际找到的所有数据。

当我发布图片时，图片被裁剪了，但如果我删除它并手动上传它就可以了。这是 Not Acceptable ，我需要知道任何从网站上分享内容的人都会有一个像样的图像一起出现。没有被切碎或扭曲的。

我该如何解决这个问题，以便 Facebook 看到图像并正确、一致地显示它？

是否有人可以建议确保所有指向该网站的链接都是 X 尺寸的照片/缩略图？这真的很令人沮丧，因为 Facebook 有时似乎使用肖像，有时使用风景，有时使用正方形。我什至注意到它使用不同的方法来发布相同的图片。这使得很难确保图片在 Facebook 上看起来不错。

感谢您的建议和帮助!

添加了更多信息...我还发送了许多 Facebook 错误报告，因为这些东西需要修复。

我还发现 Facebook 在创建和发布之间并不一致。这包括分辨率、比率和其他一些东西。这是我在一篇尝试过的帖子中发现的一团糟。

如果有人有任何建议，我很想听听如何实际使用 Facebook 及其 API 而不是反对它...

Answer 1

最近几天我一直在处理这个问题。 Facebook 似乎只将 OG 标签作为建议。我发现，如果您的图像更接近于正方形，并且它找到了一张足够大且更接近其理想纵横比的图像，那么它就会使用该图像。

此外，尽管他们说最小尺寸是 600px X 315px，但他们确实更喜欢 1200px X 630px 以上的图片。

https://developers.facebook.com/docs/sharing/best-practices#images