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 soient servies en HTML statique pour les robots d'indexation.
  • Résultat : Une source de page crawlable vérifiée par 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 : Implémentation de useSeoMeta et useServerSeoMeta pour générer programmatiquement des titres, descriptions et balises canoniques dynamiques.
  • Ajustement pour les réseaux sociaux : Débogage des balises Open Graph (OG) défectueuses pour que les liens s'affichent correctement sur WhatsApp/LinkedIn.

Séance 3 : Fondamentaux techniques 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.
  • Ajustement de performance : Implémentation de <NuxtImg> et définition de dimensions explicites pour résoudre le problème de déplacement cumulatif de la mise en page (CLS) et accélérer l'indexation.

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

  • Approfondissement : Débogage des « incompatibilités d'hydratation », l'erreur #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 une connaissance pratique des bases de Vue.js et Nuxt.

Audience cible

  • Développeurs
 7 Heures

Nombre de participants


Prix par participant

Nos clients témoignent (2)

Cours à venir

Catégories Similaires