I am working on a website and I am having problems with the like buttom of facebook
when someone do a post it should show the like button but I don't see it
I saw a similar question where one of the user said that if we use Facebook LINTER -> https://developers.facebook.com/tools/lint will fix the problem... But I still have the same error.
Here is what I got from the link
Open Graph Warnings That Should Be Fixed
Inferred Property: The 'og:url' property should be explicitly
provided, even if a value can be inferred from other tags.
Inferred Property: The 'og:title' property should be explicitly
provided, even if a value can be inferred from other tags.
Inferred Property: The 'og:description' property should be explicitly
provided, even if a value can be inferred from other tags.
Inferred Property: The 'og:image' property should be explicitly
provided, even if a value can be inferred from other tags.
Small og:image: All the images referenced by og:image should be at
least 200px in both dimensions.
Like Button Warnings That Should Be Fixed
Admins And App ID Missing: fb:admins and fb:app_id tags are missing.
These tags are necessary for Facebook to render a News Feed story
that generates a high click-through rate.
Like Button Tag Missing: og:title is missing. The og:title meta tag
is necessary for Facebook to render a News Feed story that generates
a high click-through rate.
Like Button Tag Missing: og:type is missing. The og:type meta tag is
necessary for Facebook to render a News Feed story that generates a
high click-through rate.
Like Button Tag Missing: og:image is missing. The og:image meta tag
is necessary for Facebook to render a News Feed story that generates
a high click-through rate.
Please check all the images with tag og:image in the given url and
ensure that it meets the recommended specification.
How can I fix this ?
Look for JavaScript errors. If JavaScript gets broken on post, other elements like the Facebook like button will not render
Related
I have an issue with Facebook meta tags (Open Graph Protocol). Facebook Object debugger says that I have the meta tags in body but I don't think so since everything was working fine until yesterday. But now it is throwing me an error. Also og:image tag is not returning the correct image that has to be parsed via the Object Debugger. I see some warnings like
Errors That Must Be Fixed
Meta Tags In Body Your page has meta tags in the body instead of the head. This may be because your HTML was malformed and they fell lower in the parse tree.
Please fix this in order for the tags to be usable.
Notice
Like Button Warnings That Should Be Fixed
Admins And App ID Missing fb:admins and fb:app_id tags are missing. These tags are necessary for Facebook to render a News Feed story that generates a high click-through rate.
Like Button Tag Missing og:title is missing. The og:title meta tag is necessary for Facebook to render a News Feed story that generates a high click-through rate.
Like Button Tag Missing og:type is missing. The og:type meta tag is necessary for Facebook to render a News Feed story that generates a high click-through rate.
Like Button Tag Missing og:image is missing. The og:image meta tag is necessary for Facebook to render a News Feed story that generates a high click-through rate.
Notice
Warnings That Should Be Fixed
Inferred Property The 'og:url' property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property The 'og:title' property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property The 'og:description' property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags.
I have everything in the right place; I am not able to detect the issue.
Here is the URL of the website
http://circoviral.com/fotos-curiosas-escalofrios/
Almost every post have this problem.
I solved it, there is a problem with no script tag. If you include it in your head. When Facebook debug the url and found NoScript tag in the head then it will put all the meta tags and script inside body of the document And we will get a error that the meta tags are in body.
I added metadata for og:title, og:image etc.
But facebook for some reason does not see them.
I get error:
Object at URL 'http://www.heliconbooks.com/article/authorlanding' of type 'website' is invalid because a required property 'og:title' of type 'string' was not provided.
I looked at the facebook scraper and for some reason these meta tags are omitted. When I look at the source, I see them.
What am I doing wrong?
Check https://developers.facebook.com/tools/debug/og/echo?q=http%3A%2F%2Fwww.heliconbooks.com%2Farticle%2Fauthorlanding
There you can see that FB doesn't see any OG tags. If I look at the source of the website you linked, there are no OG tags as well. So, fix you code according to https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content#tags
I think I found the reason, facebook has seen a different page template since my system has adaptive templates based on visitor IP.
Now it shows an image, but not the image I wanted. I guess I have to continue researching it.
Can someone please, please, for the life of me tell me why:
If I visit and "like" the page:
http://www.smashbox.com/product/6036/17776/index.tmpl
If I visit and "like" the page:
http://sephora.com/browse/product.jhtml?id=P298819
THEN, if I check my "likes" via the graph API (http://developers.facebook.com/docs/reference/api/ then clicking the link next to the bullet called "Likes") in the results....ONLY the smashbox.com like is there, but sephora.com is MISSING!!!
Please someone tell me why sephora.com LIKES do NOT appear in the graph api response when they SHOULD. Is it a meta og:tag issue? Thank you in advance!
Use the Facebook debugger. It will tell you the following for sephora.com:
Like Button Warnings That Should Be Fixed
Inferred Property: og:type missing. og:type meta tag is necessary for Facebook to render a News Feed story that generates a high clickthrough rate.
Inferred Property: og:image missing. og:image meta tag is necessary for Facebook to render a News Feed story that generates a high clickthrough rate.
Open Graph Warnings That Should Be Fixed
Inferred Property: The og:url property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property: The og:image property should be explicitly provided, even if a value can be inferred from other tags.
If you fix those issues it might solve your problem. Also check your other url, it has too some errors associated with the open graph.
When sharing a link from my blog it used to provide a preview. However, now when I share a link the preview does not show up. The site is http://sacandbeyond.com
When I only share the main url above it shows a preview of an old post. When sharing a specific post say
http://sacandbeyond.com/2012/01/11/coachella-2012-lineup-announced/
It never pulls the preview at all. I use wordpress and just recently went to the timeline on facebook.
I've checked my site on the object debugger tool and get back the below, which appears to be ok.
Any suggestions on what might be causing this problem?
Response Code: 200
Fetched URL: http://www.sacandbeyond.com/
Canonical URL: http://sacandbeyond.com/
URL for Likes: http://www.sacandbeyond.com/
Open Graph Warnings That Should Be Fixed
Inferred Property: The og:url property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property: The og:title property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property: The og:image property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property: The og:locale property should be explicitly provided, even if a value can be inferred from other tags.
What you have to do (if you have the permissions to do so on your blog) is add some og:tags to the HTML markup of your page. Facebook needs this information in order to know how to correctly preview your link.
You can read more about the tags and how to use them at this link :
Open Graph Protocol
I'm having a little bit of trouble. It seems that Facebook can't reach my website. So I get this error message under the Facebook comment box, and also I'm not able to like anything on my website.
First I got this error:
Critical Errors That Must Be Fixed
Error Scraping Page: Bad Response Code
Now I get this error:
Error Updating Page:
Value cannot be null (Value given: null) TAAL[BLAME_file]
None of my links works, testing:
http://iseeahappyface.com/having-a-rough-day-at-work
http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fiseeahappyface.com%2Fhaving-a-rough-day-at-work
Scraped URL: See exactly what our scraper sees for your URL shows me
"Document returned no data"
edit
I've made a new .html page with just the code for Facebook commentbox. I got the same error.
edit 2
I've cleared my .htaccess, still the same error.
edit 3
I have another domain at the web host, Facebook can't reach that website either I'd just noticed. My control panel is Parallels® H-Sphere. Is there anything I can check there? I will contact my webhost.
I can see your page and it appears that Facebook is able to lint it:
http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fiseeahappyface.com%2Fhaving-a-rough-day-at-work
However, you still have a few warnings to fix.
**Like Button Warnings That Should Be Fixed**
Inferred Property: fb:admins and fb:app_id missing. fb:admins or fb:app_id is necessary for Facebook to render a News Feed story that generates a high clickthrough rate.
Inferred Property: og:title missing. og:title meta tag is necessary for Facebook to render a News Feed story that generates a high clickthrough rate.
Inferred Property: og:type missing. og:type meta tag is necessary for Facebook to render a News Feed story that generates a high clickthrough rate.
**Open Graph Warnings That Should Be Fixed**
Inferred Property: The og:url property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property: The og:title property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property: The og:locale property should be explicitly provided, even if a value can be inferred from other tags.