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