Semantic, Searchable Webapps with Angular
summary
Googlebot runs a Chrome 41–based renderer so JavaScript pages get a lightweight first-index from raw HTML and a later reindex after rendering, which can delay search presence; server-side rendering with Angular Universal (generate Universal + an ngExpressEngine + Express, webpack and ts‑loader) produces crawlable HTML instantly. Dynamic rendering for bots is allowed if the content is equivalent. Practical tips: use clean URLs and history API not hash routes, serve proper HTTP codes and redirects, use real links and structured data, and validate with Mobile‑Friendly Test and Search Console.
AI-written summary · about
chapters (11)
- 0:00Start
- 5:34Indexing 1/3
- 14:29Create the server
- 15:10Build & serve $ ng build --prod $ webpack --config server.config.js $node dist/doggos-rating/server.js
- 21:01404 pages If you delete a page, tell us not to index it.
- 23:11Tip 2: Meaningful markup Use title, meta description & canonical URLS
- 24:26Avoid sneaky 404s • Use URL rewriting . Do not hijack 404 logic Test in incognito window
- 25:26Add markup to your page
- 26:14Mobile-friendly test
- 27:01Structured Data Testing Tool Use it to see as a sandbox to create some JSON-LD
- 28:38Tips, summarised 1. Pay attention to good URLS 2. Use meaningful markup 3. Use correct HTTP statuses 4. Add Structured Data where useful 5. Know the tools & use them
related talks
44mSemantic, Searchable Webapps with Angular
30mDazzingly discoverable, furiously fast web apps with Angular
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
39mSearch and JavaScript Sites
20mSearch and Javascript Sites
12m3x3 SEO tips for JavaScript web apps