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
Nos clients témoignent (5)
c'est tout
Assad Alshabibi - Vastech SA
Formation - Advanced Elasticsearch and Kibana Administration
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
J'ai trouvé que la formation était très complète et, bien que nous ayons abordé beaucoup de matériel, Martin a pris amplement le temps de répondre aux questions et a accordé une bonne attention à chaque individu et à leurs différentes exigences.
Jean Thysse - 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
He has patient about the questions asked by students. He has knowledge to answer the questions.
Ratnakara Pesaladinne
Formation - Apache Solr - Full-Text Search Server
Traduction automatique