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