Your page has meta tags in the body instead of the head

Once in a while we will come across vague error message that lead us to no where and provide no further explanations. I've a chance of encountering one such error while debugging one of my website with Facebook Linter. The debug tool keeps telling me that my web page missing meta tags in the "Errors That Must Be Fixed" row with the error message :

 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.

There is nothing wrong after looking at the source code behind the page, but found out a missing tag when comparing the source code in the Chrome source codes view versus the actual source codes.

Chrome took the liberty to generate a <head/> tag on the fly just to make the page render properly but this caused problem to the Facebook URL parser. To fix the problem, just add the missing <head> tag in to the actual source code and fixed the problem.

By Adam Ng

IF you gain some knowledge or the information here solved your programming problem. Please consider donating to the less fortunate or some charities that you like. Apart from donation, planting trees, volunteering or reducing your carbon footprint will be great too.