Get in Touch

Course Outline

Session 1: The Rendering Strategy

  • The Challenge: Understanding why Googlebot often struggles to 'see' JavaScript-rendered content.
  • The Solution: Configuring nuxt.config.ts for Hybrid Rendering. We will establish specific route rules (ISR versus SWR) to ensure product pages are delivered as static HTML for bots.
  • Result: A crawlable page source verified via Curl.

Session 2: Metadata & Visibility

  • The Challenge: Single Page Apps (SPAs) frequently utilize a single title tag across the entire site.
  • The Solution: Utilizing useSeoMeta and useServerSeoMeta to programmatically generate dynamic titles, descriptions, and canonical links.
  • Social Media Fix: Troubleshooting broken Open Graph (OG) tags to ensure links display correctly on platforms like WhatsApp and LinkedIn.

Session 3: Technical Foundation & Indexing

  • The Challenge: Identifying orphaned pages that search engines cannot locate.
  • The 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 speeds.

Session 4: Audit, Defense & Hydration

  • In-Depth Analysis: Debugging 'Hydration Mismatches'—the primary error in Nuxt that severely impacts performance.
  • 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.

Target Audience

  • Developers
 7 Hours

Testimonials (2)

Related Categories