Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/quentindch/nina-carducci-opc-p8
nina carducci : Projet 8 parcours "Intégrateur web" chez OpenClassroom.
https://github.com/quentindch/nina-carducci-opc-p8
improvement optimization performance referencement seo
Last synced: 5 days ago
JSON representation
nina carducci : Projet 8 parcours "Intégrateur web" chez OpenClassroom.
- Host: GitHub
- URL: https://github.com/quentindch/nina-carducci-opc-p8
- Owner: QuentinDch
- Created: 2024-11-07T11:25:53.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-11-22T13:21:12.000Z (3 months ago)
- Last Synced: 2024-11-22T14:25:33.805Z (3 months ago)
- Topics: improvement, optimization, performance, referencement, seo
- Language: HTML
- Homepage: https://nina-carducci-opc-p8.vercel.app/
- Size: 32.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# nina-carducci-project
Huitième projet du parcours **"Intégrateur web"** chez OpenClassroom.
L'objectif est d'Optimisez le référencement d'un site de photographe.
## Objectifs du Projet
- **Analyser et identifier les problèmes de chargement et de référencement** : Utilisation des outils comme Lighthouse et Wave pour évaluer la performance, le SEO et l'accessibilité du site. Ces outils ont permis de repérer les points faibles du site en termes de vitesse de chargement, d'optimisation SEO et d'accessibilité.
- **Proposer et appliquer des améliorations** : Mise en place de solutions techniques pour améliorer la vitesse de chargement, la structure du code, le référencement et l'accessibilité. Parmi les actions réalisées, on trouve l'optimisation des images, la mise en place de métadonnées adaptées et l'amélioration du code pour le rendre plus accessible.
- **Mesurer l'impact des changements** : Réalisation de tests avant/après sur les aspects suivants : performances, SEO, accessibilité. Un rapport détaillant les améliorations a été créé, accompagné de captures d'écran des audits et des résultats obtenus après optimisation.
- **Améliorer l'accessibilité** : Application des bonnes pratiques d’accessibilité, telles que l'utilisation de balises sémantiques et d'attributs d'accessibilité pour améliorer la navigation et la lisibilité du site pour les personnes en situation de handicap.
- **Optimiser la performance et le SEO** : Optimisation de la vitesse de chargement du site et du référencement SEO en modifiant le code pour améliorer la structure HTML, réduire la taille des fichiers, et mettre en place des balises meta adaptées pour le SEO et les réseaux sociaux.
## Technologies Utilisées
- Lighthouse - Pour les audits de performance, SEO et accessibilité.
- GTMetrix - Pour l'analyse détaillée des performances.
- Wave Evaluation Tool - Pour l'audit d'accessibilité.
- Schema.org - Pour le référencement local.
- HTML/CSS/JS - Technologies de base pour la structure du site.
## Instructions d'utilisation
1. **Cloner le Dépôt** :
```bash
git clone https://github.com/QuentinDch/Nina-Carducci-opc-p8.git
```
2. **Installer les dépendances nécessaires** (si applicable) :
```bash
npm install
```
3. **Effectuez un audit avec Lighthouse et GTMetrix avant d'apporter des modifications**
4. **Appliquez les optimisations proposées dans le rapport, notamment** :
- Réduction de la taille des images
- Optimisation du code CSS, JS et HTML
- Ajout des balises SEO et des informations de référencement local
- Amélioration de l'accessibilité avec les bonnes pratiques ARIA
5. **Vérifiez les performances, le SEO et l'accessibilité après optimisation avec Lighthouse et Wave**
6. **Préparez un rapport final avec les captures d'écran des audits et une description des actions réalisées**
## Rapport d'Optimisation
Avant optimisation :
- Audit Lighthouse des performances, du SEO et de l'accessibilité.
[Audit du site ninacarducci.github.io](https://course.oc-static.com/projects/D%C3%A9veloppeur+Web/IW_P9+Optimisation/Audit+lighthouse+Desktop.pdf)
Après optimisation :
- Améliorations des performances (score Lighthouse supérieur ou égal à 90%).
- Modifications du SEO avec un score amélioré.
- Résolution des problèmes d'accessibilité.
Le lien du site après intervention :
[Suivez ce lien](https://nina-carducci-opc-p8.vercel.app/)