Semantic, Searchable Webapps with Angular

on YouTube ↗44m

" summary

Shows that Google does two‑stage indexing: the crawler indexes raw HTML first and delays costly rendering, so client‑side apps can miss the first wave unless server‑side rendering is used. Demonstrates using Angular Universal with an Express/ngExpressEngine setup to produce crawlable HTML (example: a dog‑rating SPA that becomes discoverable), warns that the web is huge — ~160 trillion documents — and recommends concrete tools: mobile‑friendly test, structured data tester, and Search Console to verify indexing and debug failures.

AI-written summary · about

" chapters (17)

1. 0:00Intro
2. 3:00Disclaimer
3. 7:46Indexing 1/3
4. 9:48Important note
5. 12:43Googlebot, for real
6. 13:15Rendering
7. 18:24Add dependencies $ ng generate universal --client-project doggos-rating $ npn install nguniversal/express-engine
8. 18:37Create the server
9. 19:40The result
10. 21:51Tip 1: Good URLS
11. 26:55Tip 2: Meaningful markup
12. 31:21Avoid sneaky 404s • Use URL rewriting . Do not hijack 404 logic • Test in incognito window
13. 34:49Add markup to your page
14. 37:06Mobile-friendly test
15. 39:06Structured Data Testing Tool
16. 39:49Search Console
17. 42:08Tips, summarised

" related talks

• 36mSemantic, Searchable Webapps with AngularMartin Splitt · AngularUP 2018
• 30mDazzingly discoverable, furiously fast web apps with AngularMartin Splitt · DevFest Ukraine 2018
• 22m5 must-dos to make your JS app search engine friendly (#7 will shock you!)Igor Minar · NGConf 2018
• 33mDemystifying discoverable web appsMartin Splitt · FrontEnd Con 2018
• 28mBuilding search engine friendly web UIs with JavaScriptIgor Minar · ReactiveConf 2018
• 26mServer Side Rendering with Angular UniversalNir Kaufman · AngularUP 2016
• 51mThe Jedi Path to Angular UniversalMichel Murabito · Angular Day 2018
• 30mSetting Up SEO for Single-Page Angular ApplicationsSergey Melashich · JavaScript fwdays'17