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
Nos clients témoignent (5)
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
Interaction avec le formateur et explication
Maurizio - Accenture
Formation - Advanced Solr
Traduction automatique
J'ai découvert de nouvelles fonctionnalités dans le système d'exploitation dont je n'avais pas connaissance auparavant.
Dhivyalakshmi Ponnusamy - Mercedes-Benz AG
Formation - Search and Analytics with Amazon OpenSearch
Traduction automatique
Marcin savait exactement de quoi il parlait et avait une expérience approfondie et pratique des outils. Il a répondu à toutes nos questions et a fait des recommandations solides que nous pourrions commencer à mettre en œuvre dans le cadre de futurs projets et utilisations.
Conor Glasman - Quidco
Formation - Elasticsearch for Developers
Traduction automatique
J'ai apprécié les exercices, ils donnent une bonne perspective.
Andreas Kukacka
Formation - ELK: Elasticsearch, Logstash and Kibana for Administrators
Traduction automatique