search

controversies-of-science / react-worldviewer-app

(WIP) => { The Controversies of Science App. Currently includes controversy search and a swiping interface for structuring the crowdsourcing of information on controversies. }
https://www.controversiesofscience.com
1 stars 0 forks source link

Set up metatags for all controversy cards and quotes #226

Open worldviewer opened 6 years ago

worldviewer commented 6 years ago

Testing ...

https://www.andrewhfarmer.com/react-seo/

Super-useful ...

https://serverless-seo.com/js-seo

worldviewer commented 6 years ago

Generated markup can be obtained with:

document.documentElement.outerHTML

Input that into Google's Structured Data Testing Tool at:

https://search.google.com/structured-data/testing-tool

When I do that, however, I get nothing.

worldviewer commented 6 years ago

I've by now set up the basics for the Google crawler. The next step is to add in the OpenGraph metatags.

worldviewer commented 6 years ago

Also: I've not at this point set up any structural information that would relate the feeds to the controversy cards, but I can tell from various examples online that this is possible.

worldviewer commented 6 years ago

And something that I might want to consider doing is altering the genre metatag to include controversy card or feed post.

worldviewer commented 6 years ago

Facebook OG metatags linter ...

https://developers.facebook.com/tools/debug/

worldviewer commented 6 years ago

Information about image dimensions here ...

https://www.h3xed.com/web-and-internet/how-to-use-og-image-meta-tag-facebook-reddit

For the time being, I'm waiting for Facebook to update its cache.

worldviewer commented 6 years ago

FB privacy policy ...

https://www.iubenda.com/privacy-policy/20965781

worldviewer commented 6 years ago

I might have to create a scripts to generate and deploy the twitter, facebook and google-formatted social images. They should probably each go into their own buckets too.

worldviewer commented 6 years ago

None of the dynamically generated OpenGraph meta tags are registering. I may need to prerender all of these pages, as suggested here:

https://stackoverflow.com/questions/40709990/how-to-improve-seo-for-serverless-websites

worldviewer commented 6 years ago

An analysis of roast.io ...

https://hackernoon.com/serverless-server-side-rendering-with-react-using-redux-or-mobx-ce32a121ce08