I have set up a page that specifies an image, using an og:image tag with a like link.
If I enter the page URL in the linter, the image displays correctly on both my test and live sites.
However, on the test site, if I like the page, the image is displayed in my timeline. On the live site, however, no image is displayed in my timeline.
There are no other differences between test and live, apart from the first part of the URL. Is there anything I should look at to help understand why this is happening?
Related
FB OpenGraph og:image is not pulling images even if URL is rendering correctly. But next time if we share the same URL, then it pickup the correct image. Also to add, we have added multiple og:image tags (4 tags to be specific) to ensure that one of the images is picked up. It is picking the last og:image tag but if we share the same URL link the correct Image is shown i.e. the first og:image tag. Please suggest.
For multiple og:image meta tags we are using http and https images URLs
You can trigger an update to the scraped information by hitting
POST /?id={object-instance-id or object-url}&scrape=true
if the content was changed. Also, you can use the URL debugger to see what Facebook scrapes for your URL
See
https://developers.facebook.com/docs/sharing/opengraph/using-objects#update
https://developers.facebook.com/tools/debug/
I set up the index page of my new website with a Facebook like button. Everything functions properly, except that the instead of the image (the only image invoked on the web page) that I specified with - meta property="og:image" content= - a completely unknown image is used. It the image is of a narrow horizontal bar with some white letters.
See if Facebook can tell you what's wrong via their lint tool.
Cheers
To start with I am new to facebook "like" button integration
I have a facebook like button on my webside (http://www.mini-signs.dk/index.html), but the image showing when like button is pressed is incorrect. I've tried to use meta tag
in between and on the page but it seems like it choosing a images name Galleri-Andet-Normal.jpg in the same folder.
I've tried to delete the image and overwrite it, and now something different is showing in the facebook timeline when liking the side, but the image in the like button dialog is still wrong. If i put the content value in a browser the correct image is showing
I've tried a lot of things og googled to solve it my self
Please help me out.
Only option you have is that you change your meta tags and WAIT. Once your page is crawled again, you will get new images :)
Try here and look where is the problem,
http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.mini-signs.dk%2Findex.html
All the images referenced by og:image should be at least 200px in both
dimensions. Please check all the images with tag og:image in the given
url and ensure that it meets the recommended specification.
fb:admins and fb:app_id tags are missing.
We recently moved servers and I've been having this problem since.
I tried parsing this url1 in the Facebook Debug tool, and the thumbnail retrieved using the content of the og:image tag is displayed fine, but it won't display when I 'like' the story and it appears in my profile . This was a story posted before switching servers.
Now when I try parsing this url2 in the Facebook Debug tool, the thumbnail is not retrieved and with previous case the thumbnail won't display in my profile when I like this story. This is a story posted after switching servers.
The funny thing I try repeating these actions and the thumbnail does pop up randomly.
How does Facebook retrieve the image from my server? Does the problem have something to do with how this is done?
At one point, I thought FB would not show a thumbnail on a second post. Or something. It seemed to show the thumbnail again, if I changed the URL a bit (put some fake parameters in the url).
YMMV
Remove every og meta tags from the page, debug it into the facebook debugger tool, when it shows nothing, put the correct og meta tags again and debug again with facebok debugger tool.
This is a weird problem with facebook. It caches the old incorrect values sometimes.
I have already searched the site but I can't find an answer to this. My problem is that Facebook is showing the wrong image after I press the 'recommend' button (it's the same as the 'Like' button but with different text).
The webpage is here: http://www.bamarang.in/perfume-tree/ and the facebook debugger is here: http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.bamarang.in%2Fperfume-tree%2F%3Ffb%3Dfgfgfg
The website needs an email but you can use a fake one to enter, as there is no confirmation.
As you can see everything seems to be correct but the wrong image is displayed. I've tried clearing the cache, on both the browser and Facebook (this last one by writing the webpage url's in the developer tool) but to no avail.
You can also see the webpage's source to check that all the OG tags are there and correct.
What else can I be missing? Please help.
See the wrong image showing up here: www.crosstastemovies.com/temp/fb_error1.jpg
See the FB scraper showing the correct image here: www.crosstastemovies.com/temp/fb_error2.jpg
I've updated the question to add the screen shots.
The link you provided for your site is: http://www.bamarang.in/perfume-tree/ but the link with the debugger is: http://www.bamarang.in/perfume-tree/?fb=fgfgfg.
As you can see those two urls are not the same.
I curled both urls, the first one returns a redirect to https://www.bamarang.in/customer/account/create/ and when curling that the output has no og tags in it (check yourself in the debugger).
The 2nd url (with the ?fb=...) indeed has the og tags.
What's the url you're using with the recommend button?
You should probably just output the og tags even when the fb parameter is not present, don't forget that people can just copy/paste the url into their status on fb, you have no control over how people share.