Vue/Nuxt SEO Essentials
summary
Claims that SPA content can be indexed but often lags behind SSR so prefer server‑rendered pages or hybrid hydration with Nuxt to avoid slow crawling delays; practical tools and steps include router-link/no-link to produce real anchor tags instead of JS click handlers, Nuxt modules like Nuxt Image and sitemap, JSON‑LD for structured data, useHead/useSeo for meta, reduce bundle size with defineAsyncComponent, set image width/height and responsive sizes to prevent CLS, lazy‑load below‑the‑fold images and audit Core Web Vitals.
AI-written summary · about
chapters (22)
- 0:00Introduction
- 1:51SEO for front-end devs
- 3:19How crawlers work
- 7:56Client vs server-side SEO
- 9:21Crawler access
- 11:52Internal links SEO
- 14:00Sitemaps for search engines
- 15:05Meta tags in Vue/Nuxt
- 16:29Canonicalization
- 18:14Structured data markup
- 20:21Page experience & Core Web Vitals
- 22:05JS/CSS performance
- 23:30Image optimization
- 27:21Closing remarks
- 28:02Q&A: JS SEO vs SSR SEO
- 28:44Q&A: Sitemaps essential?
- 30:34Q&A: Schema markup validation
- 31:15Q&A: What is Vue Jedi
- 31:56Q&A: SSR vs SPA SEO
- 33:24Q&A: SEO tools
- 34:48Q&A: Competing with big brands
- 36:32Q&A: SEO mistakes
related talks
39mRank Higher & Faster: Unlock Nuxt SEO Power!
24mThe Vue-niverse of SEO: Uncovering the Secrets
44mSEO in a Vue.js world
27mLet SEO be with You in Your Nuxt App
27mSupercharged SEO head management for Nuxt + Practical SEO tips
35mSEO in a Vue.js world
21mNuxt Performances
27mUniversal Vue applications with Nuxt.js