Tag: React SEO

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