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