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.
Related
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!
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.
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.
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.
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.