How does one optimize a React Single Page Application for Search Engine (google) results? In this video, I talk about 3 Essential tools: React Router, React Helmet, and Fetch as Google. Also, I’ll go over Server Side Rendering in React. This allows us to send back fully-indexable HTML.
Slideshow PDF: https://github.com/wallacepreston/react-seo-demo/blob/master/public/slideshow.pdf
Links Mentioned in the Video:
My GitHub repos
(Non-SSR) https://github.com/wallacepreston/react-seo-demo
(SSR) https://github.com/wallacepreston/react-seo-demo-ssr
My Deployed Apps
(Non-SSR) https://react-seo-demo-app.herokuapp.com/
(SSR) https://react-seo-demo-ssr.herokuapp.com/
My Medium Article: 3 Essential Tools to Boost your React App’s SEO
https://medium.com/@prestonwallace/3-ways-improve-react-seo-without-isomorphic-app-a6354595e400
Other Resources:
React Router
https://reacttraining.com/react-router/
React Helmet
https://github.com/nfl/react-helmet
Fetch as Google
https://www.google.com/webmasters/tools/googlebot-fetch
source
