Deliver search-friendly JavaScript-powered websites

on YouTube ↗34m

" summary

How to make JavaScript-driven websites index reliably by search engines: use dynamic rendering or pre-rendering with tools like Puppeteer or Rendertron so search bots see fully rendered HTML; serve real URLs with the History API, correct HTTP status codes, crawlable href links, and server-side routing for direct visits; and verify rendered HTML and fix indexing issues with Search Console and the mobile-friendly/screenshot testing tools.

AI-written summary · about

" chapters (12)

1. 0:00Introduction
2. 3:23JavaScript apps and SEO
3. 4:26Crawling and indexing
4. 11:06JavaScript needs rendering
5. 16:32Googlebot delays
6. 18:21Dynamic rendering
7. 20:49JavaScript SEO problems
8. 23:36Client-side routing errors
9. 25:25Noindex tags safely
10. 26:30Debugging tools
11. 29:04Search Console insights
12. 32:39Key takeaways

" related talks

• 41mTechnical SEO for JavaScript developersMartin Splitt · JavaScript fwdays'19
• 34mHow Can You Make a JavaScript Website Successful in Google?Tomek Rudzki · iJS 2018 Spring
• 33mDemystifying discoverable web appsMartin Splitt · FrontEnd Con 2018
• 42mModern JavaScript Frameworks & SEOJecelyn Yeen · FrontCon 2019
• 25mMaking Modern Web Content Discoverable for SearchMartin Splitt, Tom Greenaway · Chrome Dev Summit 2018
• 50mTechnical SEO for JS developersMartin Splitt · RS Conf 2019
• 38mNo BS SEO for web developersMartin Splitt · revo.js 2023
• 20mSearch and Javascript SitesAmrit Sanjeev · Google Developer Days India 2017