I've spent HOURS on this...
The page below reports no problems when checked in the Facebook debugger tool - if I click on the thumbnail shown beside the og:image it shows my 1200x630 image, which should be plenty large enough and with the correct scaling that they recommend...
But when I share that page on Facebook, the image is heavily cropped!
http://fairshareplan.com/community/episode-3/index.html
What in the world is going on here?
Related
I have a xenforo forum that allows users to like or share pages to Facebook. I am having a problem getting og:image to be consistent. I have defined og:image yet there seems to be an inconsistency.
I am using the Facebook developer debug tool to scrape information from my site. The debugger shows the warning:"og:image could not be downloaded or is too small"
However, just a few lines below in the section titled: "Based on the raw tags, we constructed the following Open Graph properties" and it displays my og:image that is on my site.
Yet, when a user actually performs an organic share, no image is shared on Facebook. What should I fix? Thank you
Make sure the picture is accessible and you are using the correct size:
Use images that are at least 1200 x 630 pixels for the best display on high resolution devices. At the minimum, you should use images that are 600 x 315 pixels to display link page posts with larger images.
...
Try to keep your images as close to 1.91:1 aspect ratio as possible to display the full image in News Feed without any cropping.
Source: https://developers.facebook.com/docs/sharing/best-practices#images
Hello i have a wordpress blog with open graph tags generated by jetpack. My problem is that some times facebook cant pull article image and facebook linter warns me about:
og:image could not be downloaded or is too small
Give this to facebook linter tool
http://www.radioevros.gr/2014/05/sobaro-troxaio-ston-notio-kombo-tou-soufliuo/
It will grab the image but the warning is still there , sometimes the image is not pulling.
Image hotlink protection is off and image is bigger than 200x200.
Thanks
I'm having issues when a user tries to share the URL to a Facebook tab app that I have setup.
When they paste the URL to the tab in their share window and then post their status update, the tab image is shown when viewed on their profile, however there is no image shown on the newsfeed version of the same post.
I've tried adding open graph meta tags to the app, but I believe that it is being ignored since it is located inside of the iframe, and the facebook open graph meta overrides it.
Does anyone know how to ensure an image is maintained when the tab URL is shared directly?
I've burnt a lot of time trying to solve this issue as well. The best I've come up with is that Facebook is going to chose to display the 111x74 app icon. Sharing this on a page's news feed makes it very pixelated and oddly offset, as it should be using a 1200x630 minimum image size, as dictated by the OG tag best practices, but Facebook has not allowed us to have that option in the app configs. It may be that your app icon is being offset enough to not appear like it's visible in the news feed.
So, from my research, we're out of luck until Facebook decides to fix this issue. Until that time, I don't think it's even worth trying to get the any image to work.
Someone feel free to prove me wrong.
Whenever I share a link from my site on facebook, I get a small thumbnail image of the product, and a title and description. I upload my own, bigger photo (1200x630) (that is the recommended size) to the shared link, and I still get small thumbnail images.
Why can't I get a large image when I share a link? On other business pages, I see it all the time.
I got it to work once, but then, using the exact same process, I tried again, and it went back to the small thumbnail.
Thanks,
Chad
I write movie reviews and share them on Facebook. At first the facebook thumbnails would show the pictures I wanted for my reviews, like the movie poster. However, now they only show my blogger profile picture every single time I post a link. It's very frustrating because I want to be taken seriously and I don't want my blogger profile picture showing up every time I post a link. I tried the facebook developers debugging tool and it did nothing. Does anyone have any other suggestions?
Thanks!
I don't know to what extent you can modify the HTML code of a Blogger blog, but you can use Open Graph tags to define the exact image you want Facebook to show, for example the tag you want is the following:
which must have a 100px x 100px size at least. Note that this tag goes into the Head section of the site.
It has taken some time, but I think I have worked out what is happening, thanks to Facebook Debugger. Put the post URL in and then scroll down to "OPen Graph Warnings That Should be Fixed". You may see something like this -
Provided og:image could not be downloaded or is not big enough. Please use an image that's at least 200x200px and is accessible from Facebook.
Chances are your image is too small and that is why it is grabbing the profile image. I played around with my posts until I got it right, checking it through Debugger each time. It was a pain, but it worked.