Consistent OG Image Consistency

Facebook OG Image is a nightmare. How do you decide how to properly reproduce images on Facebook? I am currently struggling to get the default image setting for a website forum. The forum is located in phpBB. I added this code to the header.

<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">

      

The image is adjusted to the exact size it should be. I even say Facebook. But it still interrupts both ends.

I also get a message that it cannot load the image or it is too small. it is not small, exceeding 200px min. It's also listed in the debugger and shows that Facebook can actually download it just fine.

My url: https://fyxtrpg.com/fyxt-forum/viewtopic.php?f=7&t=128

Debugging Facebook information

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 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

      

As you can see, the debugger says that it cannot find it, it shows me all the data it actually found.

When I post the image it gets cropped, but if I remove it and manually load it it works fine. This is unacceptable, I need to know that someone who shares something with the website will have a decent image along with it. Not one that is shredded or distorted.

How do I fix this so that Facebook sees the image AND displays it correctly, consistently?

Is there some way of method someone might suggest to ensure that all links to the website are X-size photo / thumbnail? This is really frustrating as it seems like sometimes Facebook is using a portrait, sometimes a landscape, sometimes a square. I even noticed this using different methods to post the same picture. This is very difficult to do to make images look good on Facebook.

Thanks for the advice and help!

More information added ... I've also submitted a lot of bug reports to Facebook because this stuff needs to be fixed.

I also found that Facebook is inconsistent between creation and posting. This includes resolution, aspect ratio and a couple of other things. Here is one mess I found on ONE posting attempt.

If anyone has any suggestions, I really want to hear how to actually work with Facebook and their API, not against it ...

Facebooks Many Image Errors

+3


source to share


1 answer


I have been doing this for the past few days. It looks like Facebook only uses OG tags as suggestions. I found that if your image is closer to a square and it finds a large enough image that is closer to it, the ideal aspect ratio, then it will use that.

Also, while they say the minimum is 600px x 315px, they do prefer images above 1200px x 630px.



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

0


source







All Articles