Merci d'avoir envoyé votre demande ! Un membre de notre équipe vous contactera sous peu.
Merci d'avoir envoyé votre réservation ! Un membre de notre équipe vous contactera sous peu.
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
Nos clients témoignent (2)
Le contenu est très utile et le formateur le rend encore plus facile à comprendre.
Ibrahim Al mayahi - Vastech SA
Formation - Advanced Elasticsearch and Kibana Administration
Traduction automatique
le professionnalisme du formateur ; la manière dont il a essayé de répondre à toutes les questions ; les questions de révision que nous devions poser : nous engager dans des conversations
Ioana
Formation - Implementation and Administration of Elasticsearch
Traduction automatique