Twitter Cards - No Meta tags found

Question

I've added all the pre-req meta tags to the header, but the validator always gives me.

INFO: Page fetched successfully WARN: No metatags found

Read one post re: adding content type text/html. Wasn't quite sure how to do that via dochead so I added a whole bunch of attempts to the top.

I'm running React on Meteor with Kadira dochead.

Answer 1

The meta tags are rendered dynamically with JavaScript after the page is loaded, and Twitter (and other social networks, or social engines) don't execute the JavaScript, so they don't see those tags.

You may want to look for meteor's different server-side rendering solutions, like the spiderable package.

Answer 2

I had the same issue until I added the Content-Type: text/html header to the server's response.

In other words, adding meta tags specifying that the content is text/html as you have done is not sufficient - the server that serves the web page in question must also provide the Content-Type: text/html header.