Demystifying discoverable web apps

on YouTube ↗33m

" summary

Googlebot executes JavaScript but often defers rendering (minutes to days) using an older engine (Chrome 41), so purely client-side apps can be discovered slowly or not at all. Use Puppeteer or Rendertron for dynamic rendering, test pages with the Mobile-Friendly Test and Search Console, and monitor automatic alerts. Update titles/meta (react-helmet, Angular title service), use real anchor hrefs and the History API instead of hash routing, and return correct HTTP status codes for reliable indexing.

AI-written summary · about

" chapters (10)

1. 0:00Intro
2. 0:18I'm Martin Splitt
3. 7:59Let's talk about Googlebot!
4. 10:46How modern Googlebot works
5. 13:36g.co/mobile-friendly Are there mobile issues?
6. 15:25Googlebot runs Chrome 41 Released 2015
7. 17:27Dynamic rendering tools (examples)
8. 20:43Use proper link markup!
9. 23:57History API ftw
10. 31:42Takeaways, summarised 1. Consider hybrid rendering

" related talks

• 36mSemantic, Searchable Webapps with AngularMartin Splitt · AngularUP 2018
• 25mMaking Modern Web Content Discoverable for SearchMartin Splitt, Tom Greenaway · Chrome Dev Summit 2018
• 35mTechnical SEO DemystifiedMartin Splitt · AngularUP 2019
• 30mDazzingly discoverable, furiously fast web apps with AngularMartin Splitt · DevFest Ukraine 2018
• 12m3x3 SEO tips for JavaScript web appsMartin Splitt · Chrome Dev Summit 2020
• 39mSearch and JavaScript SitesMartin Splitt, Zoe Clifford · Google I/O 2019
• 28mTechnical SEO 101 for React DevelopersMartin Splitt · ReactNext 2019
• 34mDeliver search-friendly JavaScript-powered websitesVincent Courson · DevFest Nantes 2018