Get in Touch

Course Outline

Session 1: Rendering Strategies

  • The Issue: Understanding why Googlebot frequently fails to render JavaScript-heavy content.
  • The Solution: Optimizing nuxt.config.ts for Hybrid Rendering. We will define specific route rules (comparing ISR vs SWR) to guarantee that product pages are delivered as static HTML for search bots.
  • Result: A crawlable page source, verified via Curl.

Session 2: Metadata & Visibility

  • The Issue: Single Page Applications (SPAs) often rely on a single title tag for the entire site.
  • The Solution: Leveraging useSeoMeta and useServerSeoMeta to dynamically generate unique titles, descriptions, and canonical URLs.
  • Social Optimization: Troubleshooting broken Open Graph (OG) tags to ensure links display correctly on WhatsApp/LinkedIn.

Session 3: Technical Foundations & Indexing

  • The Issue: Orphaned pages that remain undiscovered by search engines.
  • The Solution: Installing and configuring @nuxtjs/sitemap to automatically generate XML sitemaps for dynamic routes.
  • Performance Enhancement: Utilizing <NuxtImg> and setting explicit dimensions to eliminate Cumulative Layout Shift (CLS) and accelerate indexing.

Session 4: Audits, Defense & Hydration

  • In-Depth Analysis: Debugging 'Hydration Mismatches'—the primary error in Nuxt that severely impacts performance.
  • Evaluation: Executing a live Lighthouse Audit on the corrected project.
  • Structured Data: Injecting JSON-LD schema for 'Rich Snippets' (displaying Stars/Reviews in search results).

Requirements

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

Target Audience

  • Software Developers
 7 Hours

Number of participants


Price per participant

Testimonials (2)

Upcoming Courses

Related Categories