Plan du cours

Séance 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 de produits soient servies sous forme d'HTML statique pour les bots.

  • 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 à Page Unique (SPAs) 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 balises canoniques.

  • Solution Sociale: Déboguer les balises Open Graph (OG) cassées pour que les liens s'affichent correctement sur WhatsApp/LinkedIn.

Séance 3 : Fondation Technique et Indexation

  • Le Problème: Des pages orphelines que les moteurs de recherche ne trouvent pas.

  • La Solution: Installer et configurer @nuxtjs/sitemap pour générer automatiquement des sitemaps XML pour les routes dynamiques.

  • Solution 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.

Séance 4 : Audit, Défense et Hydratation

  • Plongée Profonde: Déboguer les "Mauvais Accords d'Hydratation"—la #1 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 les "Snippets Riches" (Étoiles/Avis dans les résultats de recherche).

Pré requis

  • Les participants doivent avoir des connaissances pratiques de Vue.js et des bases de Nuxt.

Public Cible

  • Développeurs
 7 Heures

Nombre de participants


Prix ​​par Participant

Nos clients témoignent (5)

Cours à venir

Catégories Similaires