Course Outline

Session 1: The Rendering Strategy

  • The Problem: Why Googlebot often fails to "see" JavaScript content.

  • The Fix: Configuring nuxt.config.ts for Hybrid Rendering. We will set specific route rules (ISR vs SWR) to ensure product pages are served as static HTML for bots.

  • Outcome: A crawlable page source verified by Curl.

Session 2: Metadata & Visibility

  • The Problem: Single Page Apps (SPAs) often share one title tag for the whole site.

  • The Fix: Implementing useSeoMeta and useServerSeoMeta to programmatically generate dynamic titles, descriptions, and canonicals.

  • Social Fix: Debugging broken Open Graph (OG) tags so links look correct on WhatsApp/LinkedIn.

Session 3: Technical Foundation & Indexing

  • The Problem: Orphaned pages that search engines can't find.

  • The Fix: Installing and configuring @nuxtjs/sitemap to auto-generate XML sitemaps for dynamic routes.

  • The Performance Fix: Implementing <NuxtImg> and defining explicit dimensions to solve Cumulative Layout Shift (CLS) and speed up indexing.

Session 4: Audit, Defense & Hydration

  • The Deep Dive: Debugging "Hydration Mismatches"—the #1 error in Nuxt that kills performance.

  • The Audit: Running a live Lighthouse Audit on the fixed project.

  • Schema.org: Injecting JSON-LD structured data for "Rich Snippets" (Stars/Reviews in search results).

Requirements

  • Participants must have working knowledge of Vue.js and Nuxt basics.

Audience

  • Developers
 7 Hours

Number of participants


Price per participant (excl. VAT)

Testimonials (5)

Upcoming Courses

Related Categories