Technical SEO 101 for React Developers

on YouTube ↗28m

" summary

Claims that Googlebot runs evergreen Chrome and that crawl/render/index happens via a headless Chromium rendering queue backed by finite resources and roughly 130 trillion known pages. Practical fixes: use real <a> links not buttons, prefer history API over hash URLs, set canonical/meta-robots correctly, avoid blocking APIs via robots.txt. Tools demonstrated: react-helmet, server-side rendering/hydration or prerendering (react-snap, Rendertron, Puppeteer, prerender.io) and static frameworks like Gatsby.

AI-written summary · about

" chapters (14)

1. 0:00Start
2. 1:35Do I Need Seo
3. 2:54Seo Is Not Necessarily Well Understood
4. 4:04What Is this Seo
5. 7:20Googlebot
6. 15:42Good Search Results
7. 16:31React Helmet
8. 17:44Filtering Duplicates
9. 19:27Structured Data
10. 20:06Performance
11. 20:30Server-Side Rendering
12. 22:28Dynamic Rendering Dynamic Rendering
13. 26:03Feature Detection
14. 27:29Search Console

" related talks

• 55mTechnical SEO 101 for web developersMartin Splitt · HolyJS Piter 2019
• 35mTechnical SEO DemystifiedMartin Splitt · AngularUP 2019
• 07mTechnical SEO & JavaScriptMartin Splitt · Vue.js London Live 2021
• 50mTechnical SEO for JS developersMartin Splitt · RS Conf 2019
• 12m3x3 SEO tips for JavaScript web appsMartin Splitt · Chrome Dev Summit 2020
• 39mSearch and JavaScript SitesMartin Splitt, Zoe Clifford · Google I/O 2019
• 38mNo BS SEO for web developersMartin Splitt · revo.js 2023
• 33mDemystifying discoverable web appsMartin Splitt · FrontEnd Con 2018