Optimisation SEO pour le site de Nina Carducci photographe

Description du projet (Scénario)

Ce projet vise à optimiser le référencement (SEO) et l'accessilité du site de la photographe Nina Carducci, spécialisée dans les portraits et les événements. L'objectif est d'améliorer les performances du site, sa structure de code, et son accessibilité afin d'obtenir un meilleur classement dans les moteurs de recherche. Ce projet est réalisé dans le cadre du parcours de formation Intégrateur Web d'OpenClassrooms.

Tables des matières

• [Objectifs]#(objectifs)
• [Etapes]#(étapes)
• [livrables]#(livrables)
• [OutilsUtilisés]#(Outils utilisés)
• [InstructionsPourDéveloppeurs]#(Instructions pour développeurs)
• [Contributeurs]#(Contributeurs)
• [Licence]#(licence)

Objectifs

• Identifier les problèmes de chargement et de référencement du site.
• Proposer des recommandations pour améliorer la vitesse de chargement, la structure du code, et le référencement.
• Appliquer les améliorations proposées.
• Créer un rapport illustrant les résutats avant et après les modifictaions.

Étapes du projet

1. Analyse initiale :

   • Réaliser un audit avec Lighthouse et GTMetrix.
   • Identifier les principaux axes d'améliorations.

2. Optimisation des performances :

   • Optimiser les images du site.
   • Minifier les fichiers HTML, CSS, et Javascript.
   • Améliorer la structure du code.

3. Optimisation SEO :

   • Utiliser des balises sémantiques HTML.
   • Ajouter des metas pour les réseaux sociaux (OpenGraph, Twitter Cards...).
   • Mettre en place le référencement local avec Schema.org.

4. Amélioration de l'accessibilité :

   • Utiliser l'extension Wawe Evaluation Tool pour vérifier l'accessibilité.
   • Corriger les problèmes d'accessibilité identifiés.

5. Rapport d'optimisation :

   • Documenter les modifications apportées et leur impact.
   • Inclure des captures d'écrans des audits avant et après les modifications

Livrables

- Code source optimisé.
- Rapport d'optimisations au format PDF.
- Captures d'écran des audits Lighthouse, Rich Snippets, et Wawe.

Outils utilisés

• Documentation de Lighthouse : Lighthouse
• Documentation de GTMetric : GTMetrix
• Documentation de WAWE : WAVE Evaluation Tool

Techonologies utilisées

• HTML
• CSS
• Bootstrap
• Javascript
• Jquery

Instructions

Pour installer et éxécuter ce projet localement, suivez les étapes ci-dessous:

Cloner le repository

git clone https://github.com/adelbonn/Nina_Carducci_P8_OC.git 
cd Nina_Carducci_P8_OC

Affichage du site dans le navigateur

- Installer Live Server en tant qu'extension de votre IDE
- Ouvrir le fichier index.html avec LiveServer

Contributeur

-Adeline Bonnamour - Intégrateur Web

Licence

Ce projet est sous licence MIT Voir le fichier Licence pour plus de détails