I am trying to add open graph meta tags to our video pages on our website, but for some reason they are not being picked up by Facebook. I believe I'm doing everything as is posted on the developer pages.
Here is an example link:
http://www.atlantafalcons.com/falconstv/?video_id=1750246128001
The linter returns the following error:
Meta Tags In Body: You have tags ouside of your . This is either because your was malformed and they fell lower in the parse tree, or you accidentally put your Open Graph tags in the wrong place. Either way you need to fix it before the tags are usable.
http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.atlantafalcons.com%2Ffalconstv%2F%3Fvideo_id%3D1750246128001
Thanks in advance!
Your <!DOCTYPE> declaration has a closing slash /> on it when it is not supposed to. This, and other misplaced characters, can cause erroneous behavior on different levels and tools. The 'Meta Tags in Body' message is more than likely caused by that.
Related
I have a simple Tumblr website blog, upon which I post content.
However since I changed my DNS, the Facebook Object debugger sees really old data for my root url: http://www.kofferbaque.nl/ and for every post (for instance: http://kofferbaque.nl/post/96638253942/moodoid-le-monde-moo) it shows a 404 not found, which is bullshit because the actual content is there.
The full error message: Error parsing input URL, no data was cached, or no data was scraped.
I have tried the following things to fix it:
clear browser cache / cookies / history
using ?fbrefresh=1 after the URL (didn't work)
I've added a FB app_id to the page (made sure the app was in production - added the correct namespaces etc. - also didn't change anything)
Checked out other questions regarding this subject
Rechecked all my meta tags a dozen times
What other options are there to fix this issue?
If you need more info please ask in the comments.
2014-09-08 - Update
When throwing my url into the static debugger https://developers.facebook.com/tools/debug/og/echo?q=http://www.kofferbaque.nl/. The 'net' tab from firebug gives the following response:
<meta http-equiv="refresh" content="0; URL=/tools/debug/og/echo?q=http%3A%2F%2Fwww.kofferbaque.nl%2F&_fb_noscript=1" /><meta http-equiv="X-Frame-Options" content="DENY" />
2014-09-11 - Update
removed duplicate <!DOCTYPE html> declaration
cleanup up <html> start tag (aka - removed IE support temporarily)
I've placed a test blog post to see if it would work, it didn't. Somehow my root url started 'magically' updating itself. Or let's say, it removed the old data - probably due to the fact that I removed the old app it was still refering to. However, it still doesn't see the 'newer' tags correctly.
Still no succes
2014-09-12 - Update
Done:
moving <meta> tags to the top of the <head> element
removed fb:app_id from page + the body script, for it has no purpose.
This appearantly doesn't make any changes. It also appears that tumblr injects lots of script tags at the start of the head element. Maybe that is the reason the Facebook scraper doesn't 'see' the meta tags.
The frustrating bit is that through some other og tag scanner: http://iframely.com/debug?uri=http%3A%2F%2Fkofferbaque.nl%2F, it shows all the correct info.
First, the HTML is not valid. You got the doctype two times (at least on the post page), and there is content before the html tag (script tag and IE conditionals).
This may be the problem, but make sure you put the og-tags together at the beginning of the head section - The debugger only reads part of the page afaik, so make sure the og-tags are in that part. Put all the other og-tags right after "og:site_name".
Btw: ?fbrefresh=1 is not really necessary, you can use ANY parameter - just to create a different url. But the debugger offers a button to refresh the scraping, so it´s useless anyway.
I have a news.read application already accepted by Facebook, but with some Wordpress update it stopped working, because Facebook assumes that "og:type" of my articles are set to "website" and therefore nothing works.
The problem is that the source I can check through my browser has a proper "og:type" and even when clicking "See exactly what our scraper sees for your URL" it reports the proper og:type!
Is this some kind of bug or am I missing something?
Here's an example URL: http://www.jornalinsolito.com/um-ato-sexual-que-dura-ha-47-milhoes-de-anos/
Any help is useful!
You have tags ouside of your . This is either because your was malformed and they fell lower in the parse tree, or you accidentally put your Open Graph tags in the wrong place. Either way you need to fix it before the tags are usable.
checkout here
I'm running my site on Cargo Collective and trying to have likes per page. I cannot modify the code in the head tag only within the body tag.
When i debug a page i get the following;
Response Code 206
Fetched URL http://www.iamneuron.com/Break-this
Canonical URL http://www.iamneuron.com/Break-this
URL for Likes http://www.iamneuron.com/#Break-this
Final URL http://www.iamneuron.com/#Break-this
I can't figure this out and i have been searching for a while now. Even if i explicitly specify the url rather than leaving the code to figure it out, facebook still adjusts the url to one that doesn't work with the trailing #.
Originally i was trying to create the like code via facebook but i have now switched to this which works better with cargo but still produces the same error:
http://randomcodescraps.tumblr.com/post/1363402555/js-dynamic-like-button-on-cargo-collective-projects
Anybody any ideas? Thanks in advance btw!
Your page doesn't have any OG tags that Facebook can use. And those that are in your page are commented out. Add proper OG tags and then use the link tool to check you tags and see if still have the same problem.
i have a facebook tab that i am attempting to place a send button into (standard FB plugin). i want to control the title and description via open graph, so i followed the current FB instructions to do that.
the open graph data just won't show up in the "send" plugin. passing the page through the FB debugger renders this error: "You have meta tags outside your head" and that's why they aren't working, according to it.
the problem is - i have scoured the source of the page and there are no meta tags outside of the head. furthermore, the page passes through the validator with no errors regarding misplaced meta tags (which it would find). the only errors rendered in the validator are regarding FB's use of non-standard meta attributes. no markup errors, no meta tags outside of the head.
so, at a loss. help: appreciated.
I had a similar problem and traced the issue to Debugger not parsing my document properly because I had NOSCRIPT tags in the HEAD. This is valid in HTML5 (which I was using) but not in HTML 4.01. It appears that the Facebook debugger hasn't caught up with HTML5 tag validation yet.
I'm having a weird experience with fb sharing. Whenever me or anyone share's my blog post, in the description area my ad codes are visible. This is hammering my adsense. I tried using facebook debugging tool and I got the following issues but I am unable to resolve it. Any help would be highly appreciable.
Errors That Must Be Fixed: Body Meta: You have tags ouside of your . This is either because your was malformed and they fell lower in the parse tree, or you accidentally put your Open Graph tags in the wrong place. Either way you need to fix it before the tags are usable.
**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.
It sounds like the meta tags are in the wrong place but because you haven't given us a link to your site it's hard to be sure; they should be in the section of the page. This would be causing the first error.
The second error refers to missing tags, but they might be 'missing' by virtue of not being in the correct place, so fix the first problem first
{edited after seeing your page}
The main error at the top is because you've a
<meta name="alexaVerifyID" content="{snipped}" /> tag outside the <head></head> section of your page.
The rest of the errors are because you haven't added any open graph tags at all - each page should have meta tags telling Facebook what title/description/image to use when sharing, as well as which app/user should be allowed to see the analytics and insights information for the shared links
For more information on how this works, see https://developers.facebook.com/docs/opengraph/
If you want to just get up and running quickly, try the tool at Step 2 of the Like Button Documentation to generate some sample tags