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: Rendering Strategy
- Challenge: Addressing limitations in how Googlebot interprets JavaScript-driven content.
- Solution: Configuring
nuxt.config.tsto implement Hybrid Rendering. This involves defining route rules that distinguish between Incremental Static Regeneration (ISR) and Stale-While-Revalidate (SWR) strategies, ensuring product pages deliver static HTML to bots for optimal indexing. - Result: Verification of accessible page source code using command-line tools such as Curl.
Session 2: Metadata and Visibility
- Challenge: Mitigating the common Single Page Application (SPA) issue where all pages share a uniform title tag.
- Solution: Utilizing
useSeoMetaanduseServerSeoMetato programmatically generate unique page titles, meta descriptions, and canonical URLs. - Social Media Optimization: Resolving errors in Open Graph (OG) tags to ensure accurate link previews on platforms such as LinkedIn and WhatsApp.
Session 3: Technical Foundation and Indexing
- Challenge: Identifying and resolving issues with orphaned pages that hinder search engine discovery.
- Solution: Deploying the
@nuxtjs/sitemapmodule to automatically generate XML sitemaps for dynamic routes, ensuring comprehensive coverage for government websites requiring precise indexing. - Performance Optimization: Implementing
<NuxtImg>with explicit width and height attributes to eliminate Cumulative Layout Shift (CLS) and accelerate page indexing.
Session 4: Audit, Defense, and Hydration
- Technical Analysis: Diagnosing "Hydration Mismatches," a primary cause of performance degradation in Nuxt applications.
- Audit Process: Conducting a live Lighthouse audit on the resolved project to validate improvements.
- Structured Data: Injecting JSON-LD schema markup to enable Rich Snippets, such as star ratings and review aggregates, in search results for public sector content.
Requirements
- Participants must demonstrate a fundamental understanding of Vue.js and Nuxt concepts.
Target Audience for Government
- Software 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