Search and JavaScript Sites

on YouTube ↗39m

" summary

Google updates Googlebot to a modern Chrome rendering engine that brings over 1,000 new features so most ES2015+ syntax, IntersectionObserver and native lazy loading work when rendering; recommended approaches are server-side rendering, pre-rendering or hydration (Next.js/Angular Universal/Vue server renderer) instead of long-term dynamic rendering; use Lighthouse and Search Console to debug; note crawl budget counts JS subresource fetches, service workers aren’t used during render and Googlebot doesn't persist cookies across requests.

AI-written summary · about

" chapters (22)

1. 0:00Start
2. 3:20Latest Stable Chrome Rendering Engine
3. 4:41Modern Javascript Is No Longer a Blocker for Seo
4. 8:58Universal Javascript
5. 9:36Server-Side Rendering
6. 10:19Pre-Rendering
7. 11:07Hydration
8. 14:25Pre Render Spa Plugin
9. 15:35Server-Side Code
10. 17:08Angular
11. 18:32Dynamic Rendering
12. 19:04Use Cases for Dynamic Rendering
13. 21:09Seo Audits
14. 21:52React
15. 22:53Title and Meta Service
16. 24:13Lazy Loading Images
17. 24:31Lazy Loading
18. 24:52Section Observer
19. 26:13Crawl Budget
20. 29:11Service Worker
21. 29:37Feature Detect
22. 29:59Error Handling

" related talks

• 20mSearch and Javascript SitesAmrit Sanjeev · Google Developer Days India 2017
• 25mMaking Modern Web Content Discoverable for SearchMartin Splitt, Tom Greenaway · Chrome Dev Summit 2018
• 50mTechnical SEO for JS developersMartin Splitt · RS Conf 2019
• 41mTechnical SEO for JavaScript developersMartin Splitt · JavaScript fwdays'19
• 55mTechnical SEO 101 for web developersMartin Splitt · HolyJS Piter 2019
• 36mSemantic, Searchable Webapps with AngularMartin Splitt · AngularUP 2018
• 42mModern JavaScript Frameworks & SEOJecelyn Yeen · FrontCon 2019
• 35mTechnical SEO DemystifiedMartin Splitt · AngularUP 2019