Plan du cours

Session 1 : La Stratégie de Rendu

  • Le Problème : Pourquoi Googlebot échoue souvent à « voir » le contenu JavaScript.
  • La Solution : Configurer 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 soient servies sous forme de HTML statique pour les bots.
  • Résultat : Une source de page crawlable vérifiée par Curl.

Session 2 : Métadonnées et Visibilité

  • Le Problème : Les Applications à Page Unique (SPA) partagent souvent une balise de titre unique pour l'ensemble du site.
  • La Solution : Implémenter useSeoMeta et useServerSeoMeta pour générer dynamiquement des titres, des descriptions et des liens canoniques.
  • Correction Sociale : Déboguer les balises Open Graph (OG) cassées pour que les liens apparaissent correctement sur WhatsApp/LinkedIn.

Session 3 : Fondation Technique et Indexation

  • Le Problème : Les pages orphelines que les moteurs de recherche ne peuvent pas trouver.
  • La Solution : Installer et configurer @nuxtjs/sitemap pour générer automatiquement des sitemaps XML pour les routes dynamiques.
  • Correction de Performance : Implémenter <NuxtImg> et définir des dimensions explicites pour résoudre le Cumulative Layout Shift (CLS) et accélérer l'indexation.

Session 4 : Audit, Défense et Hydratation

  • L'Approfondissement : Déboguer les « Mismatches d'Hydratation »—la principale erreur dans Nuxt qui tue les performances.
  • L'Audit : Exécuter un audit Lighthouse en direct sur le projet corrigé.
  • Schema.org : Injecter des données structurées JSON-LD pour « Rich Snippets » (Étoiles/Avis dans les résultats de recherche).

Pré requis

  • Les participants doivent avoir des connaissances opérationnelles de Vue.js et des bases de Nuxt.

Publique visé

  • Développeurs
 7 Heures

Nombre de participants


Prix par participant

Nos clients témoignent (5)

Cours à venir

Catégories Similaires