Get in Touch

Course Outline

Session 1: The Rendering Strategy

  • The Problem: Why Googlebot frequently fails to "see" JavaScript-based content.
  • The Fix: Configuring nuxt.config.ts for Hybrid Rendering. We will define specific route rules (ISR vs SWR) to ensure product pages are served as static HTML to search engines.
  • Outcome: A crawlable page source verified via Curl.

Session 2: Metadata & Visibility

  • The Problem: Single Page Apps (SPAs) often share a single title tag across the entire site.
  • The Fix: Implementing useSeoMeta and useServerSeoMeta to programmatically generate dynamic titles, meta descriptions, and canonical URLs.
  • Social Fix: Debugging broken Open Graph (OG) tags to ensure links display correctly on WhatsApp and LinkedIn.

Session 3: Technical Foundation & Indexing

  • The Problem: Orphaned pages that search engines cannot locate.
  • The Fix: Installing and configuring @nuxtjs/sitemap to auto-generate XML sitemaps for dynamic routes.
  • Performance Fix: Implementing <NuxtImg> and defining explicit dimensions to resolve Cumulative Layout Shift (CLS) and accelerate indexing.

Session 4: Audit, Defense & Hydration

  • The Deep Dive: Debugging "Hydration Mismatches"—the leading cause of performance degradation in Nuxt applications.
  • The Audit: Conducting a live Lighthouse Audit on the corrected project.
  • Schema.org: Injecting JSON-LD structured data to enable "Rich Snippets" (such as Stars and Reviews) in search results.

Requirements

  • Participants must possess a working knowledge of Vue.js and Nuxt fundamentals.

Audience

  • Developers
 7 Hours

Number of participants


Price per participant

Testimonials (2)

Upcoming Courses

Related Categories