Card not found, despite curling showing the meta tags

gustavlrsn · 2017-09-17T17:10:59.732Z

Description of issue:
If I try my URL (https://freewriter.io/@gustav) in the Card validator, I get the following:

INFO:  Page fetched successfully
INFO:  3 metatags were found
ERROR: No card found (Card error)

However, when I do curl -A Twitterbot https://freewriter.io/@gustav I clearly get all the tags.
Also, when I try the facebook Open Graph fetcher, everything works!

URL affected (must be public):
https://freewriter.io/@gustav (metatags only available to Twitter’s and Facebook’s bots through server rendering though)

gustavlrsn · 2017-09-27T17:14:00.935Z

Still looking for a solution to this, I’ve gone through the troubleshooting guide without success.

andypiper · 2017-09-27T18:03:20.748Z

Looks like your page is missing a content-type - same solution as here should help to fix this. This is mentioned in the troubleshooting documentation, but it is a bit hard to spot in this context.

gustavlrsn · 2017-09-27T20:07:51.936Z

Thank you @andypiper, added the <meta charset="UTF-8"> tag, I had the Content-Type tag from before. Also tried with both of these individually without the other, but still no success.

This is the result of curling (curl -A Twitterbot https://freewriter.io/@gustav):

<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta charset="UTF-8">
  <meta name="description" content="Experience the magic of freewriting. Write every day, without stopping to judge or edit.">
  <meta property="og:type" content="website">
<meta property="og:title" content="@gustav on Freewriter">
<meta property="og:description" content="Experience the magic of freewriting. Write every day, without stopping to judge or edit.">
<meta property="og:site_name" content="Freewriter">
<meta property="og:url" content="https://freewriter.io/@gustav">
<meta property="og:image" content="https://freewriter.io/badges/thoreau.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="@gustav on Freewriter">
<meta name="twitter:description" content="Experience the magic of freewriting. Write every day, without stopping to judge or edit.">
<meta name="twitter:image" content="https://freewriter.io/badges/thoreau.png">
<meta name="twitter:site" content="@tryfreewrite">
<title>@gustav on Freewriter</title>

</head>
<body>
</body>
</html>

Is there anything you can see in there that is off?

andypiper · 2017-09-27T20:12:40.279Z

not sure. I’ll dig some more tomorrow since this does not currently make sense to me otherwise!

andypiper · 2017-09-28T14:07:00.093Z

Nothing I can see that is wrong there, and this page does seem to be validating now - there may have been a caching issue.

gustavlrsn · 2017-09-28T15:56:47.093Z

When using curl -I -A https://freewriter.io/@gustav I could see that the content-type was not properly set as you suspected, even though I had try to set it with the HTML meta tags… I managed to set the response header using the server router library for Meteor I’m using instead, and then it worked .

Thank you for the help! Much appreciated.

andypiper · 2017-09-28T15:57:20.566Z