Prenez contact avec nous

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

Nombre de participants


Prix par participant

Nos clients témoignent (2)

Cours à venir

Catégories Similaires