Hi guys,
I have been using gatsby + netlify so far, all is good, but now scratching my head to troubleshoot the problem with Facebook Share Debugger (the scraper).
If I do simple curl like this
curl https://www.zuyetawarmatrip.com/trips/2017-oct-pokhara-nepal/en/
It will return a valid HTML with the tag <!doctype html> at the beginning.
But for Facebook Share Debugger, to mimic the facebook external hit agent to scrape the page, I do this:
curl -v -A “facebookexternalhit/1.1 (+http://www.facebook.com/externalhit_uatext.php)” “https://www.zuyetawarmatrip.com/trips/2017-oct-pokhara-nepal/en/”
And what happens is instead of <!doctype html> tag, it echos the plain text “html” in the beginning, which creates an invalid HTML and defeats all Facebook meta OG tags I put.
So what may cause the problem? I doubt it should come from Netlify server side, not from Gatsby side (the output gatsby html are correct)