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 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

Nombre de participants


Prix par participant

Nos clients témoignent (2)

Cours à venir

Catégories Similaires