I'm trying to figure out why facebook refuses to load og:image from https://www.tradingfloor.com/posts/debt-laden-yingli-kicks-the-can-down-the-road-6385661
According to the facebook debugger all the tags should be ok, but the og:image is loaded as a 1x1 pixel im instead of the real one, clicking the blank space loads the correct image.
Anybody has some ideas as to what is going on?
https://developers.facebook.com/tools/debug/og/object?q=https%3A%2F%2Fwww.tradingfloor.com%2Fposts%2Fdebt-laden-yingli-kicks-the-can-down-the-road-6385661
NOTE:
I've tested in twitter, linkedin and google+ all of them loads the expected image.
Just in case somebody else finds this. It was related to this bug, https://developers.facebook.com/bugs/388405488023104/
Implementing the workaround worked fine, but facebook says they have a fix ready now.
Related
I have a LAMP website which allows users to share a graph on Facebook. It was woking fine until May 1st but now whenever I try to share, I just get a grey box.
My site was using sharer.php to do the sharing and giving as the url a document which would generate a single graph, and in it's og:image and og:image:url tags I put a url which points to some code which generates an 800 x 400 png of the same graph. If I copy either url into a browser, they render exactly what I would expect, but if I post the same url to the Sharing Debugger tool, it gives me a blank image.
I have noticed that although clicking the Scrape Again button usually calls the url which renders the image as a png, every now and then it does not, but there is no indication as to why and the Scraped URL page shows exactly the page I would expect with the correct og:image tags.
I have tried changing from using sharer.php to the FB.ui 'share' method, but this has not fixed the issue.
I have also tried asking in the Facebook Developer Community but have had no response. I even tried to raise a bug with Facebook, but it won't let me.
This is driving me nuts. I just don't understand why it has suddenly stopped working. Have I missed something or has Facebook changed anything in the Sharer functionality? Is there any other way to debug this ?
Update: After a lot of tinkering I have found out that this only affects my account, and it affects anything I share on Facebook, not just things from my own site. Furthermore, it's only the preview of the shared page which is not working. What actually gets posted to Facebook is the correct image. I have tried multiple PC's and multiple browsers and it always fails even if I switch off all anti-virus/anti-malware/firewalls etc. Bizarrely, if I share from my phone, it works!
Over the past few weeks we have been finding that facebook posts (not shares from the in-page FB button) have been failing to show the images tagged with og:image on our site. Our home page http://www.greatbritishchefs.com is an example. This seems to be a change in behaviour at Facebook's end because pages which were working a few weeks ago now do not. Also where a page is working currently, running it through the FB debugger causes it to immediately fail. Removing the og:image tag does not work. The images seem to be the right size, and the debugger results are free of errors regarding the image.
Would be grateful for help from anyone who is also experiencing this.
OK I found the resolution to this. What appears to have happened is that Facebook has become much more demanding about what kind of image urls it will work with in posts. The images on our site are sourced through a handler which preprocesses the image, putting a watermark on, resizing etc. and therefore the url might look like:
http://www.greatbritishchefs.com/getmedia/0ecdeb1f-c194-42a9-b465-012004a6cd99/AYW001-Website-Edited-Featured-Bacon-Breadsticks-Closeup/?width=420&height=270&ext=.jpg
This will now not work. For some reason, the url has to be completely vanilla without any query strings and with a standard image extension. When I rewrite the url for og:image to follow those rules, the images reappear in posts.
Hope this helps someone
James
I´m finishing my site in WP and everything seems ok but I can´t get the featured image from my posts to show when sharing the link in FB.
I tryed the debugger, it sees the image ok and returnes a 200 response code.
Debugger test result here
The image size is 300x227 so I understand there is no problem regarding size or proportion.
The Meta included about the image is http://www.momento-marketing.es/wp-content/uploads/2013/01/Blog-Analitica-300x227.jpg'/>
Does anyone has a clue about this? Thanks a lot.
I have experienced very wobbly Facebook behavior recently, ie the last few days. Putting page through the Facebook debugger (with og image correctly specified), it says that a particular image is less than 200 x 200 when it is considerably more than this.
Several pages that used to give thumbnails very happily no longer do. Yet one with a really big image (for the sake of Pinterest) with the image reduced in size on the page, is fine.
One thing that DOES upset Facebook - the image has to be hosted on precisely the same domain as the page. I found that when I used a shortened version of my domain name (which forwards to the full one), that prevented thumbnails appearing. Suspect that even a subdomain for one, and not the other, might upset things.
Same problem here...when you try to share it on your browser trough the mobile website, it shows the image.. Try to share a link and replace https://www.facebook.com/sharer/sharer.php?u= to https://m.facebook.com/sharer.php?u= and you see it works, so must be a problem in the desktop Facebook website
Wordpress has changed its requirements for showing images on facebook timeline or on a facebook page. Even I experimented a lot of things and finally found out a solution. Here is how to do it,
Download WPSSO plugin from wordpress.com
Install the plugin
Then navigate into the plugin settings and find the "Images" tab
Set "Open graph Dimensions" as 600 x 315
Now use images above the size of 600 x 315 in your posts
Cick save settings and now try debugging the post with your facebook debugger tool.
I am sure this will solve your problem. If problems persist do post them we will try to reslve it.
Note - This tutorial was taken from this link Facebook image problem resolution
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.
When I use the Graph API to get a list of posts from a page, the picture field, which contains the URL for the image returns a blank 1x1 pixel image.
For example, this is one of the URLs that it returns:
http://www.facebook.com/l.php?u=http%3A%2F%2Fexternal.ak.fbcdn.net%2Fsafe_image.php%3Fd%3DAQBj9y7r5zdKLsTF%26w%3D90%26h%3D90%26url%3Dhttp%5Cu00253A%5Cu00252F%5Cu00252Fwww.thisislondon.co.uk%5Cu00252Fincoming%5Cu00252Farticle7630373.ece%5Cu00252FBINARY%5Cu00252Foriginal%5Cu00252FTerry-Deary.jpg&h=GAQEzRMSC
I've also seen this using the RSS feed from the page: https://www.facebook.com/feeds/page.php?id=128931583879163&format=rss20 except that the URLs are encoded slightly differently.
I've had a good look on stackoverflow, but haven't seen anyone else with the same problem. Could you tell me what I need to do to decode it to get the appropriate URL please?
Thanks,
Gregor
This is a bug, as reported on the Facebook Developer site, for both pictures and video. The issue is still pending a fix from Facebook.
(MacBook)-I was receiving this as well, but only when I was on my dashboard page. After several seconds, the dashboard page would slide to the blank Facebook pixel page.This was driving me crazy. I finally deleted my dashboard page, which i really didn't use anyway, by using a code and running it on terminal. (from "how to hide or disable the dashboard page). The docking page disappeared and so did the 1x1 pixel page. I can restore the docking page whenever i want by using a second code.