URL: http://comicskingdom.com/arctic-circle/2014-05-27
Click the facebook share button once. It ignores the og:image I have set. Close the dialog, click share again, and it will use the image properly.
Debugger at https://developers.facebook.com/tools/debug/ shows the correct og:image, but on the first load it does not include that image in the list of available thumbnails.
If you run the test again, it will correctly use the og:image as the sharing thumbnail.
I don't know the first question to ask about this problem - could facebook be caching something? The og:image is URL shortened via bit.ly, if that could matter.
Thanks in advance to anyone who has some insight into this!
Related
We are running into a strange problem when Facebook crawles our pages.
When we want to share the page with its not showing the appropriate thumbnail image. Running the page through the Facebook debugger produces the following error:
But if you look in the source we have the correct image selected in the og:image tag.
Example URL: https://www.virres.com/clients/virres/test-vincent5.html (the share buttons are located on the top right)
When you try to solve this, please dont click the "Rescrape" button because it will fix the individual issue but not the problem.
Since this is an automated page, we cannot click the Rescrape button for each generated page(as suggested in other solutions).
I hope someone can see whats wrong here. Been puzzling at it for days on end now.
Its not a duplicate of Facebook preview image not showing for wordpress blog post because even after creating an iframe with src of the Facebook debugger it didnt read the og:image propery properly.
I am trying to share this url via facebook(change RANDOM_STRING with any random string because of facebook cache):
http://www.ikposta.com/blog/goster/72/test_RANDOM_STRING
at first try facebook will decide picture which is there is a men. Refresh facebook page and try again share with same url at this time picture will be changed and you will see keyboard image which is correct image.
og:image tag is always correct why this is happening ?
How can I prevent ?
Run your URL through the Facebook Object Debugger to make sure that your OG image tag is correctly being picked up by Facebook. This will also force a re-cache of the image.
I ran it through quickly and there were a couple errors that came up. Primarily missing URL and title OG tags. You'll want to have these to avoid circular redirects. See here: Debugged
I would personally remove that cache bust all together. It's confusing Facebook because it looks like a directory. If anything, use a query string.
If you view the source code of an example page, and the Facebook debugger for that page, you will see that Facebook scrapes the correct image and displays it in the Facebook debugger. There are no weird redirects or filenames going on here, just a simple image set to og:image, but Facebook doesn't show it!
If you copy/paste the url directly on Facebook (for example, in a status update), the og:image shows up immediately.
However, when liking or commenting from the site, NO image shows up at all!
Any help would be appreciated.
Thank you.
//create an object
FBGraphObject object;
//open graph object will be posted to facebook
object.provisionedForPost = YES;
Putting your page into Facebook debugger produces this warning:
The image referenced by the url of og:image tag could not be downloaded.
It is also for some reason chopping the ends off the og tags in your page, deleting the 'IMG_0325.jpg' text. I can only imagine this is because it doesn't like the capitalisation!
Our site has been suffering owing to a recent change in FB's acceptance of urls for images which it will show in posts, I think we have a slightly different problem to yours but they seem to have become more restrictive about the url being a very vanilla image url.
I have some urls like this one
http://www.d10scup.com/notizia/122/
with og meta tags in it as you can see here on the fb linter
http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.d10scup.com%2Fnotizia%2F122%2F
The problem is that when you copy/paste this url on facebook it shows the wrong image.
I really don't understand what the problem might be since the debugger doesn't give any unexpected result.
Hope someone can help me.
I think that og:image works well when the user likes the page. In case of share, FB parses the images from the page and the user is shown options.
I would suggest you to try 2 things:
1) Use more than 1 og:image tags and see what comes up.
2) Use the correct image as the last image in the page and set that to hidden. Maybe FB will parse that and will show that as the first image.
Despite the meta tags (the first one I never used before, but it came up in the addthis forums);
And the debug tool getting the data in a correct manner:
https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.mondiales.nl%2F
The facebook sharer code does not use the image specified. No images show up at all, there is no thumbnail chooser.
Looking at the HTML of the facebook sharer page, the image is actually there! The thumbnail chooser has a display:none. And when posting the damn thing, no image shows up on the wall.
Stop using addthis and implement a like function using the just the Facebook API? But from what I read, Facebook does a request for the page to get it's data so the JS part should not be the issue, should it?
Did I overlook something?
There's a restriction on the width/height ratio of images shared, the ratio must be less than 3.0
Your image is too wide (211/66 = 3.19) - add some vertical whitespace and it'll share OK i think
For future reference this is mentioned on both the old Share Button docs and the Open Graph protocol docs (under 'og:image')
I've found that once I've posted something to my wall from the sharer or the app, if I try to repost it, it will remember the original image (or no image in your case).
It might be worth clearing the whole cache/cookies from your browser and see if that does the trick.
If not, you'll find that if you log in as another user of Facebook and they try to post it, it will pick up on the new image on their account and not yours.
I'm not exactly sure how Facebook caches the images.
I know this thread is old but this may help someone else with the same issue. FB caches shared urls along with the thumb images and descriptions. To update the cache, add a bogus parameter to your shared query string, like, "?v=1". This gets the latest og tags.