Practical technical SEO for modern web apps

on YouTube ↗41m

" summary

Builds a small client‑side shop for cheeses and shows why hash fragments hide pages from crawlers, causing only the homepage to be indexed. Replaces fragment routes with real URLs, uses window.history history.pushState and popstate handling, and updates document title and meta description per product (React Helmet / Angular Title / vue‑meta). Advises verifying coverage and indexing with search console, running the Mobile‑Friendly test, preferring server‑side render for performance, and using noindex/404 headers instead of robots.txt to remove pages.

AI-written summary · about

" chapters (15)

1. 0:00Introduction to SEO
2. 2:08What SEO really is
3. 7:26Content is king
4. 10:38Building a simple SPA
5. 13:28How search engines render JS
6. 16:59Avoid hash URLs for SEO
7. 19:10Use Search Console
8. 22:43Fix soft 404 errors
9. 25:10Optimize meta titles and descriptions
10. 28:59Robots.txt vs noindex
11. 31:46Canonical URLs explained
12. 36:28Googlebot limitations
13. 37:52Server-side rendering benefits
14. 38:34Mobile-friendly test tool
15. 39:36Resources and Q&A

" related talks

• 41mTechnical SEO for JavaScript developersMartin Splitt · JavaScript fwdays'19
• 12m3x3 SEO tips for JavaScript web appsMartin Splitt · Chrome Dev Summit 2020
• 28mTechnical SEO 101 for React DevelopersMartin Splitt · ReactNext 2019
• 07mTechnical SEO & JavaScriptMartin Splitt · Vue.js London Live 2021
• 28mJavaScript SEO (The "Right" Way)Jeff Whelpley · MountainWest JavaScript 2014
• 44mSEO in a Vue.js worldAlexander Lichter · vueday 2020
• 35mTechnical SEO DemystifiedMartin Splitt · AngularUP 2019
• 27mSupercharged SEO head management for Nuxt + Practical SEO tipsHarlan Wilton · Nuxt Nation 2022