Thank you for sending your enquiry! One of our team members will contact you shortly.
Thank you for sending your booking! One of our team members will contact you shortly.
Course Outline
Session 1: The Rendering Strategy
- The Problem: Why Googlebot frequently fails to "see" JavaScript content.
- The Fix: Configuring nuxt.config.ts for Hybrid Rendering. We will configure specific route rules (ISR vs SWR) to ensure product pages are served as static HTML to bots.
- 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, descriptions, and canonical tags.
- 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 discover.
- 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 resolve Cumulative Layout Shift (CLS) and accelerate indexing.
Session 4: Audit, Defense & Hydration
- The Deep Dive: Debugging "Hydration Mismatches"—the number one error in Nuxt that degrades performance.
- The Audit: Conducting a live Lighthouse Audit on the corrected project.
- Schema.org: Injecting JSON-LD structured data for "Rich Snippets" (Stars/Reviews in search results).
Requirements
- Participants must possess working knowledge of Vue.js and Nuxt fundamentals.
Audience
- Developers
7 Hours
Testimonials (2)
The content is very helpful, and the trainer makes it more easier to understand
Ibrahim Al mayahi - Vastech SA
Course - Advanced Elasticsearch and Kibana Administration
the profesionalism of the trainer; the way he tried to respond to all the questions; the review questions we had to ask: engaging us in conversations