When I use the Facebook debugger to view my website top page, under the "Warnings That Should Be Fixed" section, I get a few different errors. However, if I press the "Fetch new scrape information" button one time, then on the next round only one error remains.
The error I am currently trying to solve is this one:
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
'http://davegutteridge.com/+image/mizumushi_profile.jpg' will be used
instead.
Facebook seems to have cached an old image and is displaying that one, even though I have deleted it from my server.
The image I want to show is this one. To try and make it work, I've tried removing the "exif" data, I've tried making it square (my original was 1200 by 600 pixels), and I've ensured it's well above 200 by 200 pixels. I have also tried refreshing multiple times, and waiting over 24 hours to see if Facebook's cache changes. 48 hours after first discovering this problem, the debugger still shows the wrong image.
How do I get Facebook to reference the correct image?
Make sure you follow the specificiations: https://developers.facebook.com/docs/sharing/best-practices#images
Square images are not a good choice, but i just tested it in the debugger and it does work fine. Btw, those are just warnings, not errors.
I had a similar problem, where the image was set "correctly" but the debugger would not take it. So I played around, and figured out, that I could help the debugger by adding the og:image:width and og:image:height.
After that, the image was taken instantly :)
This Process is called pre-caching and here is the ref to it ;)
https://developers.facebook.com/docs/sharing/best-practices#precaching
Hope this helps!
Related
I've been working on an Android game, and I wanted to setup a webpage to redirect to the download page. This part was easy.
So I share it on my facebook timeline. Ok, my screenshot gets cropped horribly. Spend 30 minutes reading all sorts of guides on how to point facebook to the proper image for a thumbnail ...
No matter what I do, facebook always, always, always shows a horribly cropped image. I would like to simply specify the correct image to facebook using og:image but it seems to always ignore this. I've tried many different combinations of properties and it's always wrong. I've tried making the og:image square, doesn't matter. I've tried making it smaller, doesn't matter.
It's also hard to figure out if facebook is caching an old image or not, no matter how many times I go on the debug link and tell it to scrape things again.
Can anyone tell me any change I can make to show the entire image instead of the horrible cropped version?
I went to http://validator.w3.org and made sure the page didn't have errors beyond the og ones you apparently can't avoid.
The page is: www.playlunapuma.com
There must be a way to convince facebook to show a different image that looks good.
The thing that finally worked was resizing the og:image to 600x315 exactly.
I run a Wordpress blog. Here's the URL to our main page: http://theoriginalsocitey.com
For some reason, when links to posts on our site are shared, the featured image is not correctly detected. When I put a link to a post through the Facebook debugger, some of the usual minor errors come up that do for all sites, including those that work perfectly. I've tried fixing the "tags in body" error with success, but it didn't fix the problem, so it is not the issue.
All other OG tags are displaying correctly, just the og:image has the issue. The debugger even acts like it knows what image to use, but refuses to do so. It will say the correct image but say "the image is not large enough" when it clearly is, for all posts.
Can someone please help me figure this out? It's been days of countless different attempts of fixing this including plugin deactivation, reactivation and new installations and nothing has worked.
Here's an example of a post URL to use for debugging: http://theoriginalsociety.com/quest-castro-jon-bellion-logic-24-freestyle/
It seems like the open graph image is too small (150x150), therefor Facebook is using the larger image it found on the page. It's in your best interest to give Facebook as large an image as possible.
[https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content/][1]
og:image – This is an image associated with your media. We suggest
that you use an image of at least 1200x630 pixels.
Try providing a much larger image and see if that solves the problem.
I'm using the Facebook Comments plugin for a local travel website in an area with poor internet. When the net is slow often the comments plugin takes forever or does not load at all. When it doesn't load it is just blank space instead which makes the page look odd. I want users to know that there should be content there.
Any ideas for how I could display a LOADING graphic while waiting for the Facebook Comments plugin to load? And then maybe if it hasn't after 10 or 15 seconds it returns an error message in that space instead.
I think a possibility might lie in the #Comments value that Facebook returns. Maybe a graphic could be loaded until that value is returned?
Found a solution elsewhere - maybe it will help someone else with a similar problem:
Just replace this snippet with the current one you have where you want the count to appear,
Place the gif image in the same folder as the html file. Or change the path in the src="" to the correct path on your server.
You should see a loading animation while the count of comments from facebook updates.
I have a share link image that I need to change.
I remember some time ago finding some posts describing that the Object Debugger would clear the image cache for that URL (there are also a number of those here on SO). It worked fine back then, but now it seems to have stopped working.
The thumbnail shown is still the old one.
If I copy/paste the og:image URL that the debugger shows into a browser, the new image shown correctly, so Facebook obviously still caches it.
Has anyone had similar experiences, and is there any alternative methods to clear the cache?
Our website was recently redesigned and since then I have been unable to get the correct image to appear when I choose link.
For instance:
If I post this link:
http://www.horrormovienews.net/article1184.html
It does not show the image of Ethan Hawke as one of the choices for me to post along with this story. I have asked a few other people (co-workers) and some friends who live around the USA, PA, NC, etc. and they can not get that pic as a choice either. One person who lives in MA can see it when he posts a link.
(This happens to every news story in our network of sites since the theme was changed on the sites)
Another bizarre thing is it WILL show the image for this story:
http://www.horrormovienews.net/article1160.html
but not the one at the top of this post.
I have even used the Facebook lint tool about a week ago to try to refresh the cache.
I have tried to many different things to try to fix thing. I changed the image path, the size of the images, etc. Nothing seems to work.
Does anyone have any idea what could be causing it? Any help would be much appreciated.
You need to specify og:image tag. See your results here: http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.horrormovienews.net%2Farticle1184.html
Fix up those warnings and then you should be able to share the link much more consistent.