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 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
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