Facebook does not display my post image and can't fix it via facebook debugger - facebook-opengraph

Every times I post any web page from my website on facebook, I expect its main image to be displayed for better communication rank and this is ok in the preview page, when I'm pasting the post url immediatly as you can realize it from the attached image. but when it's saved, the images goes off as you can see from another attached image.
After searching a while on google in order to know what is wrong with my web page, I realize that the page can be debugged via this tool provided by facebook, but even when I followed all the recommended step, I still face the same issue. (anyone can try it and see the result).
When continuing my research I find that there would be some issues with og:image as facebook debugger shows in the following message:
Inferred Property
The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags. but the truth is that I really don't know what to do exactly to fix this.
Any help will be appreciated.

Related

Meta tags appear correct but Facebook sharing is empty (no title, description, or image)

This problem exists for all pages on this site. The meta tags appear correct but whether you use the share link on the site, or try to share direct on FB, the image, title and description are not used.
There must be a legitimate issue as the Sharing Debugger also shows an empty/plain sharing dialog. But the Facebook share debugger isn’t given me any helpful info. It sometimes shows a 302, which I don’t understand as there is no redirect on the site. Refreshing the scrape sometimes shows an error Unknown Image Error, which also doesn’t seem to be a legitimate issue.
Almost always the Facebook share debugger shows a 302 the first time and then follows with other unhelpful errors.
Maybe a DNS issue, weird that it would be site wide.
Example Links:
[http://pikespeakharleyownersgroup.com/group-riding-pphog-405/][1]
[http://pikespeakharleyownersgroup.com/tell-tires-toast/][2]
[http://pikespeakharleyownersgroup.com/30th-annual-high-country-toy-run/][1]
Any and all help is very appreciated.
Try debugging your page URL on below link:
https://developers.facebook.com/tools/debug/
Once you scan your URL, on the link I provided, you will see "Warnings That Should Be Fixed" section. Try resolving warnings mentioned in that section.
Hope this will help you!

Wordpress code causing 404 errors

I am receiving 404 errors (showing on Google search console)that somehow relate to Facebook.
eg http://www.beerandcroissants.com/staying-in-mykonos-myconian-k-hotel/room-at-myconian-k-hotel-mykonos/%22https:/www.facebook.com/pages/Beer-and-croissants/1423705111261254
What it seems to be doing is taking one link (eg part of the whole link above) which relates to a photo on my blog and then appending the facebook page url. So, if I take the first part of the link above
(before the facebook part starts) I get a perfectly good link through to my site. If I take the second part (where the facebook link starts) then it takes me to my FB page. Again fine.
Why are these two linking together like this as it is this that seems to be causing the 404. Is it something in my settings. It's only just started happening.
Going to facebook directly and clicking on my post links takes me to the correct part of my blog.
I am not sure how to fix this. There are no broken links attached in google for me to view either. They keep happening every day. I now have 295 crawl errors and growing.
Would appreciate any help that can be given to lead me in the right direction.
I've had this as a suggestion....but don't know where to look for this code....
I'd say it may be coming from the following code on :staying-in-mykonos-myconian-k-hotel/room-at-myconian-k-hotel-mykonos/
It's also likely this is carried through the entire site.
https://www.facebook.com/pages/Beer-and-croissants/1423705111261254">
Note the " in the URL before https://www.facebook
I suggest you go through your code looking for similar issues.
Could someone please assist me if they are able.
Greatly appreciated.
thanks
Kerri

Facebook share og:image incorrect. Debugger is picking up the correct image

The past week, Facebook has been getting every article feature image wrong on my site. The og:image is clearly defined, worked fine for the past few months and even the debugger shows the correct image, yet it chooses to use the same incorrect image across all new articles now.
Article
http://www.highwaysindustry.com/causeway-creating-a-competitive-edge/
Facebook Debugger:
https://developers.facebook.com/tools/debug/og/object/
URL: http://www.highwaysindustry.com/causeway-creating-a-competitive-edge/
The meta tag, which clearly provides/defines the correct image Facebook should be using:
<meta property="og:image" content="http://www.highwaysindustry.com/wp-content/uploads/2015/05/Causeway-image-1.jpg" />
When on the debugger, if you Fetch New Scrape Information it will fix the issue. However I am currently having to do this on every single article that is posted. Why it's getting the wrong image in the first place I don't know.
In case someone runs the 'fetch new scrape information', here it is at the moment for that URL provided:
https://www.dropbox.com/s/8t4o9h3o1p9uxhv/debugger-fb.png?dl=0
I am using WordPress and Yoast SEO.
There's a warning. And it's going to take some time to update the latest information but for now you might have to fetch new scrape information yourself.
og:image was not defined, could not be downloaded or was not big enough. Please define a chosen image using the og:image metatag, and use an image that's at least 200x200px and is accessible from Facebook. Image 'http://www.highwaysindustry.com/wp-content/uploads/2015/02/Dorman00001-e1423681471392.jpg' will be used instead.

Preview tool loading incorrect image on initial fetch

When posting an item to one's news feed that passes muster with the debugger tool, the preview retrieves an incorrect preview on the first share and correct previews on subsequent shares.
Expected: That the shared link would fetch the og:image-specified image for the shared link on the first pass.
Actual: The first share retrieves a different image from the page. (Oddly, an image that is only 105x100, not even large enough to meet Facebook's image guidelines), and subsequent shares retrieve the correct image specified in og:image. See a screenshot of this in action:
Repro Steps:: Upload an image with a free Droplr account, share the link via a status update and via a comment. Here is a URL I have not shared yet at all, but once it is shared, it will begin to render correctly. So there is 1 free repro :)
Debugging so far: This seems to fail in similar but different ways with status updates versus comments.
Status Updates: If you post an image for the first time as a status update, Facebook hits the following URL: https://www.facebook.com/ajax/composerx/attachment/link/scraper/?scrape_url=http%253A%252F%252Fd.pr%252Fi%252Fj2k7&composerurihash=2. The response object keyed as jsmods.markup[0][1].__html contains markup with an incorrect image of FB-wrapped safe image url of: https\u00253A\u00252F\u00252Fd25ss6wjc6pfq2.cloudfront.net\u00252Fassets\u00252Fdrops\u00252Fstandard\u00252Fpromo-logo-15dd4a0f7b7831e42dd5f976a17d4757.png. Here's a visual representation.
Comments: If you post an image for the first time as a comment, the response's payload.comments[0].attachment.markup.__html key comes back with the same FB-wrapped safe image URL mentioned above. Again, visually.
I'd love to hear if anyone has thoughts on how to get around this or anything we might be doing wrong on our end.
Thanks!

facebook like box duplicates faces.. or not

I tried to read everything I could in order not to disturb, but the behavior of the facebook like box plugin is wired.
I must begin with the fact that everything in my facebook page (https://www.facebook.com/pages/tennisitgr/428483287200942) is shown correctly.
When i try to produce the code for the like box plugin from http://developers.facebook.com/docs/reference/plugins/like-box/ :
if I am not logged in to facebook i can see only the stream, the
header, and the number of people who liked my page but there are NO
faces (the show faces option is checked..).
if I am logged in to facebook I can see faces but all the faces shown
are duplicate (except mine).
Maybe I have a setting wrong in my page (I checked the permissions..) because when I try to generate the plugin for another page it is shown correctly.
Any help would be appreciated.
Thank you in advance.
Nikos.

Resources