【发布时间】:2015-02-04 01:51:11
【问题描述】:
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
正如您所见,调试器说它找不到它,然后向我显示它实际找到的所有数据。
当我发布图像时,图像被裁剪,但如果我删除它并手动上传它就可以了。这是不可接受的,我需要知道任何从网站分享内容的人都会有一个像样的图像随之出现。没有被切碎或扭曲的。
如何解决此问题,以便 Facebook 看到图像并始终如一地正确显示?
是否有人可以建议确保所有指向该网站的链接都是 X 尺寸照片/缩略图的方法过程?令人沮丧的是,Facebook 有时使用肖像,有时使用风景,有时使用正方形。我什至注意到它使用不同的方法发布同一张图片。这使得很难确保图像在 Facebook 上看起来不错。
感谢您的建议和帮助!
添加了更多信息...我还发送了许多 Facebook 错误报告,因为这些东西需要修复。
我还发现 Facebook 在创建和发布之间并不一致。这包括分辨率、比率和其他一些东西。这是我在一篇尝试过的帖子中发现的一团糟。
如果有人有任何建议,我很想知道如何实际使用 Facebook 及其 API,而不是反对它...
【问题讨论】:
-
有类似的问题,但是我使用的是 Drupal CMS。我的图像被裁剪为 Facebook 指定的 600x315,但 FB 调试器给了我关于 og:image 无法下载或太小的相同警告。然后在预览区域中,有时它确实使用了正确的图像,有时它没有。完全无用的调试信息。我感觉到你的痛苦:-/
-
好问题,可惜没人回答!为同样的事情苦苦挣扎……
标签: facebook image facebook-graph-api facebook-opengraph meta-tags