Get in Touch

Course Outline

Session 1: The Rendering Strategy

  • The Challenge: Understanding why Googlebot frequently struggles to interpret JavaScript-based content.
  • The 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 crawlers.
  • Result: A crawlable page source, verified using Curl.

Session 2: Metadata & Visibility

  • The Challenge: Single Page Applications (SPAs) often fail to assign unique title tags for different pages.
  • The Solution: Utilizing useSeoMeta and useServerSeoMeta to programmatically create dynamic titles, descriptions, and canonical URLs.
  • Social Media Adjustment: Resolving broken Open Graph (OG) tags to ensure links display correctly on platforms like WhatsApp and LinkedIn.

Session 3: Technical Foundation & Indexing

  • The Challenge: Managing orphaned pages that search engines struggle to discover.
  • The Solution: Installing and setting up @nuxtjs/sitemap to automatically generate XML sitemaps for dynamic routes.
  • Performance Enhancement: Implementing <NuxtImg> with explicit dimensions to resolve Cumulative Layout Shift (CLS) issues and accelerate indexing speed.

Session 4: Audit, Defense & Hydration

  • In-Depth Analysis: Debugging "Hydration Mismatches"—the primary error in Nuxt development that severely impacts performance.
  • The Review: Conducting a live Lighthouse Audit on the corrected project.
  • Semantic Structure: Injecting JSON-LD structured data for "Rich Snippets" (such as Stars/Reviews) in search results.

Requirements

  • Participants must possess a functional understanding of Vue.js and Nuxt fundamentals.

Target Audience

  • Developers
 7 Hours

Number of participants


Price per participant

Testimonials (2)

Upcoming Courses

Related Categories