Projet Chic Dressing – WordPress, SEO & accessibilité web

Contexte de la mission

Dans le cadre de la formation Développeur WordPress chez OpenClassrooms, j’ai accompagné des étudiants sur le projet Chic Dressing, qui consistait à optimiser un site WordPress existant pour une marque de vêtements.
L’objectif n’était pas de créer un nouveau site, mais de déboguer, optimiser et améliorer un site déjà en ligne, avec un accent particulier sur les performances, le SEO et l’accessibilité.

Projet Chic Dressing

Mon rôle a été d’aider les étudiants à mettre en place une méthodologie d’optimisation et à valider leurs choix techniques à travers des outils d’audit et de bonnes pratiques.

Description du projet

Le projet se concentrait sur trois grands axes :

  1. Performances
    • Mise en place de plugins d’optimisation (Autoptimize, WP Super Cache).
    • Gestion de la taille et du format des images.
    • Intégration d’un système de cache pour améliorer la rapidité.
  2. Référencement naturel (SEO)
    • Utilisation de plugins spécialisés (SEOPress ou Yoast SEO).
    • Structuration correcte des balises, titres et métadonnées.
    • Vérification des règles de base pour l’indexabilité et la visibilité.
  3. Accessibilité & Green Code
    • Ajustements pour garantir l’accès au site à tous les utilisateurs.
    • Application de bonnes pratiques écoresponsables (optimisation du code et des ressources).

Un audit Google Lighthouse a permis de mesurer les résultats :

  • Performance : passage de 67 à 100,
  • SEO : 100,
  • Accessibilité : nette amélioration.

Technologies et outils étudiés

  • WordPress / Elementor
  • Plugins : Autoptimize, WP Super Cache, SEOPress, Yoast SEO
  • Google Lighthouse (évaluation des performances)
  • HTML5 / CSS3 / Responsive design
  • Principes Green Code

Étapes guidées

  1. Analyse du site existant et identification des points faibles.
  2. Mise en place des outils d’optimisation (cache, minification, images).
  3. Amélioration du SEO (balises, métadonnées, structure).
  4. Ajustements d’accessibilité et bonnes pratiques Green Code.
  5. Réalisation d’audits Lighthouse avant/après.
  6. Validation finale et restitution des résultats.

Points pédagogiques clés

  • Savoir optimiser un site déjà existant plutôt que de repartir de zéro.
  • Comprendre l’impact des plugins d’optimisation sur la performance.
  • Mettre en place une démarche d’audit et de test pour valider les améliorations.
  • Intégrer le SEO et l’accessibilité dès la phase de maintenance.
  • Sensibilisation au Green Code dans le développement web.

Mon rôle : accompagner les étudiants dans l’amélioration continue d’un site WordPress, leur transmettre des méthodes concrètes pour booster performances, SEO et accessibilité, et leur montrer l’importance des audits comme preuve de progression.

Retour en haut