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
Real estate agents need an easy and effective way to stay at the top of…
In the aftermath of a car accident, victims often find themselves navigating a complex maze…
As the digital landscape continues to shift, local businesses must adjust accordingly in order to…
With detailed insights into infrastructure categories, solutions, and product/service areas deployed, you can build an…
Business culture often emphasizes efficiency and results; however, sometimes, a more personal approach may be…
Prior to the late 19th century, most currency trading was conducted between countries using gold…