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 échoue souvent à « voir » le contenu JavaScript.
- La solution : Configuration de nuxt.config.ts pour un rendu hybride. Nous définirons des règles de route spécifiques (ISR vs SWR) afin que les pages produits soient servies en HTML statique pour les robots d’indexation.
- Résultat : Une source de page indexable, 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 titre pour l’ensemble du site.
- La solution : Mise en œuvre de useSeoMeta et useServerSeoMeta pour générer programmatiquement des titres, descriptions et canonicals dynamiques.
- Social : Débogage des balises Open Graph (OG) défectueuses pour que les liens s’affichent correctement sur WhatsApp et LinkedIn.
Séance 3 : Fondations techniques et indexation
- Le problème : Pages orphelines que les moteurs de recherche ne parviennent pas à détecter.
- La solution : Installation et configuration de @nuxtjs/sitemap pour générer automatiquement des plans de site XML pour les routes dynamiques.
- Correction performance : Mise en œuvre de <NuxtImg> et définition explicite des dimensions afin de corriger le Cumulative Layout Shift (CLS) et accélérer l’indexation.
Séance 4 : Audit, protection et hydratation
- Approfondissement : Débogage des « incohérences d’hydratation » (Hydration Mismatches) — l’erreur n°1 dans Nuxt qui pénalise sévèrement les performances.
- Audit : Exécution d’un audit Lighthouse en direct sur le projet corrigé.
- Schema.org : Injection de données structurées JSON-LD pour obtenir des « snippets enrichis » (étoiles / avis dans les résultats de recherche).
Pré requis
- Les participants doivent posséder des connaissances pratiques de base en 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