Merci d'avoir envoyé votre demande ! Un membre de notre équipe vous contactera sous peu.
Merci d'avoir envoyé votre réservation ! Un membre de notre équipe vous contactera sous peu.
Plan du cours
Séance 1 : La stratégie de rendu
- Le problème : Pourquoi Googlebot ne « voit » souvent pas le contenu JavaScript.
- La solution : Configuration du fichier nuxt.config.ts pour un rendu hybride. Nous définirons des règles de route spécifiques (ISR vs SWR) afin de garantir que les pages produits soient servies sous forme de HTML statique pour les robots d'indexation.
- Résultat attendu : Une source de page crawlable, vérifiée via Curl.
Séance 2 : Métadonnées et visibilité
- Le problème : Les Single Page Apps (SPA) partagent souvent une seule balise de titre pour l'ensemble du site.
- La solution : Mise en œuvre de useSeoMeta et useServerSeoMeta pour générer programmatiquement des titres, descriptions et balises canoniques dynamiques.
- Social : Débogage des balises Open Graph (OG) défectueuses afin que les liens apparaissent correctement sur WhatsApp/LinkedIn.
Séance 3 : Fondations techniques et indexation
- Le problème : Pages orphelines que les moteurs de recherche ne parviennent pas à trouver.
- La solution : Installation et configuration de @nuxtjs/sitemap pour générer automatiquement des sitemaps XML pour les routes dynamiques.
- Solution de performance : Mise en œuvre de <NuxtImg> et définition explicite des dimensions pour résoudre le problème de Cumulative Layout Shift (CLS) et accélérer l'indexation.
Séance 4 : Audit, protection et hydratation
- Étude approfondie : Débogage des « conflits d'hydratation » (Hydration Mismatches)—la première erreur dans Nuxt qui réduit les performances.
- Audit : Exécution d'un audit Lighthouse en direct sur le projet corrigé.
- Schémas.org : Injection de données structurées JSON-LD pour obtenir des « extraits enrichis » (étoiles/avis dans les résultats de recherche).
Pré requis
- Les participants doivent posséder des connaissances pratiques de base sur Vue.js et Nuxt.
Public cible
- Développeurs
7 Heures
Nos clients témoignent (2)
Le contenu est très utile et le formateur le rend encore plus facile à comprendre.
Ibrahim Al mayahi - Vastech SA
Formation - Advanced Elasticsearch and Kibana Administration
Traduction automatique
le professionnalisme du formateur ; la manière dont il a essayé de répondre à toutes les questions ; les questions de révision que nous devions poser : nous engager dans des conversations
Ioana
Formation - Implementation and Administration of Elasticsearch
Traduction automatique