Get in Touch
 Duration 7 hours

Course Outline

Session 1: The Rendering Strategy

  • Challenge: Understanding why Googlebot frequently fails to render JavaScript content.
  • Solution: Configuring nuxt.config.ts for Hybrid Rendering. We will establish specific route rules (ISR vs SWR) to ensure product pages are delivered as static HTML to bots.
  • Result: A crawlable page source verified via Curl.

Session 2: Metadata & Visibility

  • Challenge: Single Page Applications (SPAs) often share a single title tag across the entire site.
  • Solution: Implementing useSeoMeta and useServerSeoMeta to programmatically generate dynamic titles, descriptions, and canonical links.
  • Social Optimization: Resolving broken Open Graph (OG) tags to ensure links display correctly on WhatsApp/LinkedIn.

Session 3: Technical Foundation & Indexing

  • Challenge: Orphaned pages that search engines cannot discover.
  • Solution: Installing and configuring @nuxtjs/sitemap to automatically generate XML sitemaps for dynamic routes.
  • Performance Enhancement: Implementing <NuxtImg> and defining explicit dimensions to resolve Cumulative Layout Shift (CLS) and accelerate indexing.

Session 4: Audit, Defense & Hydration

  • Deep Dive: Debugging 'Hydration Mismatches,' the primary error in Nuxt that degrades performance.
  • Assessment: Executing a live Lighthouse Audit on the refined project.
  • Schema.org: Injecting JSON-LD structured data for 'Rich Snippets' (Stars/Reviews in search results).

Requirements

  • Participants must possess working knowledge of Vue.js and fundamental Nuxt concepts.

Target Audience

  • Developers

Number of participants


Price per participant (excl. VAT)

Testimonials (2)

Upcoming Courses

Related Categories