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 le rendu hybride. Nous définirons des règles de route spécifiques (ISR vs SWR) pour garantir que les pages produits sont servies en HTML statique pour les robots d'indexation.
- Résultat : Une source de page crawlable vérifiée via Curl.
Séance 2 : Métadonnées et visibilité
- Le problème : Les applications monopages (SPA) partagent souvent une seule balise de titre pour tout le site.
- La solution : Mise en œuvre de useSeoMeta et useServerSeoMeta pour générer programmatiquement des titres, descriptions et canonicals dynamiques.
- Social Fix : Débogage des balises Open Graph (OG) défectueuses afin que les liens apparaissent correctement sur WhatsApp/LinkedIn.
Séance 3 : Fondation technique et indexation
- Le problème : Pages orphelines que les moteurs de recherche ne trouvent pas.
- La solution : Installation et configuration de @nuxtjs/sitemap pour générer automatiquement des sitemaps XML pour les routes dynamiques.
- La solution de performance : Mise en œuvre de <NuxtImg> et définition de dimensions explicites pour résoudre le décalage cumulatif de la mise en page (CLS) et accélérer l'indexation.
Séance 4 : Audit, défense et hydratation
- Analyse approfondie : Débogage des « incompatibilités d'hydratation » — l'erreur n°1 dans Nuxt qui tue les performances.
- L'audit : Exécution d'un audit Lighthouse en direct sur le projet corrigé.
- Schema.org : Injection de données structurées JSON-LD pour les « extraits enrichis » (étoiles/avis dans les résultats de recherche).
Pré requis
- Les participants doivent avoir des connaissances pratiques de base de 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