Currently I am implementing a fb like with image og:image with it. If you go to the link of the debug you will find out that the picture works. I can get the picture recognized but it's not showing up on the debug or when liking it. Do you have any suggestions? The website is https://www.mansettispizza-hamlake.com for the open-graph meta data. I know the site doesn't valid for the w3c but that shouldn't be causing any issues. I tried switching it to jpg as well and using link rel="image_src" as well.
http://developers.facebook.com/tools/debug/og/object?q=https%3A%2F%2Fwww.mansettispizza-hamlake.com
https://www.mansettispizza-hamlake.com/wp-content/themes/wisewordsfromwoo/images/Mansettis.png
I tried to switch it to
https://www.mansettispizza-hamlake.com/wp-content/uploads/2011/07/house-special-pizza-mansettis-pizza-best-pizza-blaine-pizza-chanticlear-broadway-150x150.jpg
Remove SSL and it will work! I had the same problem and just resolved it by throwing away SSL.
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!
Facebook will randomly take posts I have shared on a company page and make the preview image blank/white. It is maddening.
Here's what I do to replicate:
Copy URL that I want to share
Go to Facebook's debug and check URL to confirm a preview image shows
Go to Facebook and share the URL in a post
Preview image is blank/white
Example URL: https://hoist.digital/content/blog/know-the-value-of-phone-calls-and-grow-your-business-with-call-tracking
Open graph code in on that URL
<meta property="og:image" content="https://hoist.digital/images/3/1/d/5/1/31d518d87ae71ad5bb2acc907b3ad304b99971e1-graphicstock-beautiful-young-mother-with-her-newbornsoeul9rzz.jpg" />
<meta property="og:image:secure" content="https://hoist.digital/images/3/1/d/5/1/31d518d87ae71ad5bb2acc907b3ad304b99971e1-graphicstock-beautiful-young-mother-with-her-newbornsoeul9rzz.jpg" />
Video of me replicating this: https://hoist.digital/facebookattempt.webm
If the open graph code is there, it's secure, what else could be causing Facebook to occasionally flake out and make some of the preview images white/blank? Here's a strange kicker too... sometimes I can edit/refresh the preview image within Facebook, and the preview image will show again... but in a few days it goes back to white/blank.
Unfortunately, it is well-known problem on Facebook that has not been fixed for years and there is no canonical answer to your question.
The main problem is URIs using HTTP works just fine and URIs using HTTPS do not. So first of all, you should try to change your og:image:secure property to og:image:secure_url, because due to documentation there is no og:image:secure property.
If it does not help, you can explore this thread and you gonna try different options unless, of course, you have tried it yet.
Please pay attention to such methods:
Try to add og:image:url (yes, it is similar to og:image but sometimes it can help).
Try to remove og:image:secure_url property (yes, it is looking strange, but it is Facebook, and it also might work).
Try to add other og properties such as og:image:type, og:image:width, og:image:height
I am trying to get facebook open graph action to work, however, the object debugger tells me it is getting response code 500 from the pages I want to use. When I try to paste the URL into Facebook to share, sometimes it says runtime error and sometimes it works, sometimes it just gets part of the image.
For example: http://www.literrater.com/book/10
This fails the debugger entirely with a 500 code
https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.literrater.com%2Fbook%2F10
That same URL works when posting a status, sometimes.
Any suggestions about what I can do to fix this or at least diagnose the problem?
Edit: The site is hosted on windows azure as an asp.net web site. The blog at http://literrater.com/blog is php and the OG debugger seems to like it just fine.
I'm was having this same problem, and I'm using partial views on the pages in question, but I'm not convinced it's a Mobile only view that is your problem. Try the Open Graph debugger here: https://developers.facebook.com/tools/debug/ to see if that helps you diagnose your problem. Are you using the og properties? My page worked after I added the meta property="og:type" content="article" to the header. My homepage worked by setting the og:type to website, but that wouldn't work for other pages on my site. I hope this helps you.
A partial view being called in a MOBILE only razor view was being accessed and throwing an error. So while it worked in a desktop browser it was likely crashing on mobile.
I have added a Facebook Like-Button to my website, which works perfectly. It shows the perfect link to my website on the wall of the persons who click it.
There's only one problem and I can't seem to solve it in any way.
The link also includes a preview of my website, but instead of a complete preview or a preview of my header it shows a picture of one of the link-buttons of my website!
The script itself doesn't contain anything to change or set a preview picture and changing names of pictures, links and header doesn't solve it either. No matter what I do, it still keeps on showing the button...
What can I do bout it?
I've contacted my serverhost but they don't know it either?
You can set the image that shows on Facebook with the following og tag in the head of your page:
<meta property="og:image" content="http://example.com/image.jpg" />
Facebook requires some more open graph tags. (Formerly known as meta tags.)
You have to make sure the facebook linter correctly interprets your page. Use the Facebook debugger to check and fix all issues.
try to refresh facebook catch by submitting link here . If you still have problem , you can provide custom images by with open facebook graph . Refer
I have a strange problem when I am trying to share a link from my site. The image does not appear, but when I go to the debugger tool it appears normally, and it appears in Facebook too, but I cant do that with all of my links. Here is an example; the link http://vid.sanka7a.com/musicvideo.php?vid=831408952 is not appearing in Facebook.
And if we put it in the debugger tool, it will appear.
So what's wrong?
It looks like Facebook's taking the value of your <link rel="image_src" href="831408952-1.jpg"> meta tag as an alternate option for the image.
Because of that Facebook's trying to fetch http://vid.sanka7a.com/831408952-1.jpg (which is an HTTP 404) in the composer instead of the supplied og:image value.
I didn't realise that this can happen but updating the image_src tag to point to the same URL as the og:url tag should resolve the issue.