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 sous forme de HTML statique pour les robots.
  • Résultat : Une source de page indexable, vérifiée avec Curl.

Séance 2 : Métadonnées et visibilité

  • Le problème : Les applications monodomaine (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 de manière programmatique des titres, descriptions et balises canoniques dynamiques.
  • Social Fix : Débogage des balises Open Graph (OG) défectueuses afin que les liens s'affichent correctement sur WhatsApp et LinkedIn.

Séance 3 : Fondation technique et indexation

  • Le problème : Pages orphelines que les moteurs de recherche ne peuvent pas trouver.
  • La solution : Installation et configuration de @nuxtjs/sitemap pour générer automatiquement des sitemap XML pour les routes dynamiques.
  • Solution de performance : Mise en œuvre de <NuxtImg> et définition de dimensions explicites afin de résoudre le problème de saut de mise en page cumulatif (CLS) et d'accélérer l'indexation.

Séance 4 : Audit, défense et hydratation

  • Approfondissement : Débogage des « incompatibilités d'hydratation » — l'erreur numéro un dans Nuxt qui réduit 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 les « résultats enrichis » (Étoiles/Avis dans les résultats de recherche).

Pré requis

  • Les participants doivent avoir des connaissances fonctionnelles de base de Vue.js et Nuxt.

Audience

  • Développeurs
 7 Heures

Nombre de participants


Prix par participant

Nos clients témoignent (2)

Cours à venir

Catégories Similaires