Dazzingly discoverable, furiously fast web apps with Angular
summary
A dog-photo site built as an Angular SPA loads fine for users but gets almost no search traffic because Google indexes JS pages in two waves; adding server-side rendering with Angular Universal moves content into the first wave, visibly delivering text/images about 1–1.5s earlier and improving first meaningful paint. If server SSR isn’t possible use dynamic rendering (Puppeteer, Rendertron, prerender.io). Debug with Mobile-Friendly Test and Search Console; note Googlebot runs Chrome 41.
AI-written summary · about
chapters (13)
- 0:00Introduction and speaker background
- 1:30Building a puppy website
- 4:19Turning it into a single-page app
- 7:06Discovering discoverability issues
- 8:34Understanding search result structure
- 10:19Adding titles and meta descriptions in Angular
- 11:24Debugging with Mobile-Friendly Test
- 13:12How Googlebot crawls and indexes
- 18:16Introducing Angular Universal
- 21:05Performance gains with Universal
- 23:57Dynamic rendering workaround
- 27:12Using Search Console for debugging
- 29:17Summary and closing remarks
related talks
44mSemantic, Searchable Webapps with Angular
36mSemantic, Searchable Webapps with Angular
22mAngular Pre Rendering for SEO, Speed, and Happy Users
33mDemystifying discoverable web apps
22m5 must-dos to make your JS app search engine friendly (#7 will shock you!)
28mBuilding search engine friendly web UIs with JavaScript
31mMobile-friendly web apps with Angular
28mAccelerating Angular