Site live - Old Site live - README en Français - English README
Ceci est un projet réalisé dans le cadre du programme de formation Développeur Web chez OpenClassrooms
Faites passer le site web de votre entreprise en tête des résultats Google grâce à la mise en place de bonnes pratiques de SEO.
- Assurer l'accessibilité d'un site web 🌐
- Réaliser une recherche des bonnes pratiques en développement web 🔍
- Écrire un code HTML et CSS maintenable 💻
- Optimiser le référencement d'un site web 📈
- Optimiser la taille et la vitesse d’un site web 🚀
Développeur web dans une grande agence de web design basée à Lyon.
Face à une concurrence rude, l’agence accuse une perte de vitesse, la fondatrice de l’entreprise décide donc qu’il faut réaliser une optimisation du site web pour faire repartir l’activité de l’entreprise
Mon rôle a été de rédiger une analyse des problèmes sous forme d'un tableau, d'optimiser le site web avec des bonnes pratiques en SEO et en accessibilité et de réaliser un rapport d'optimisation comparant les résultats des optimisations.
- Transfert du formulaire sur la page d’accueil 🏠
- Minification du CSS et du JavaScript 📉
- Optimisation du head dans le HTML 🔧
- Suppression des textes invisibles (Black Hat) 🚫
- Suppression des liens de mauvaise qualité dans le footer ❌
- Remplacement des images contenant uniquement du texte 🖼️
- Ajout des balises sémantiques 🏷️
- Optimisation des images 📷
- Ajout des labels sur les formulaires 📝
- Correction de la visibilité et du contraste des textes pour l’accessibilité 🔍
-
Téléchargez le dépôt en cliquant sur le bouton "Code" sur la page du dépôt et en sélectionnant "Download ZIP".
-
Extrayez le contenu du fichier ZIP dans un dossier sur votre ordinateur.
-
Ouvrez le dossier et double-cliquez sur le fichier HTML index pour le visualiser dans votre navigateur web (ou utilisez live-server sur Visual Studio Code, par exemple).
-
Pour effectuer des modifications, éditez le fichier HTML ou CSS à l'aide d'un éditeur de texte et enregistrez le fichier. Actualisez la page web dans votre navigateur pour voir la version mise à jour.
- Visual Studio Code - Éditeur de texte
- GitHub - Outil de gestion de versions
- GitHub Pages - Outil d’hébergement
- Validateur W3C - Outils de détection des erreurs dans le code HTML et CSS
- GTMetrix - Outil d'évaluation des perfomances de site web
- Dareboost - Outil d'évaluation des perfomances de site web
- WAVE Web Accessibility Evaluation Tool - Outil d'évaluation des bonnes pratiques d'accessibilité
- AChecker - Outil d'évaluation des erreurs, performances et bonnes pratiques d'accessibilité
Arthur Blanc : GitHub - Portfolio
This is a project carried out as part of the Web Developer training program at OpenClassrooms.
Take your company's website to the top of Google's results by implementing good SEO practices.
- Ensure the accessibility of a website 🌐
- Conduct a search for good web development practices 🔍
- Write maintainable HTML and CSS code 💻
- Optimize the SEO of a website 📈
- Optimize the size and speed of a website 🚀
Web developer in a large web design agency based in Lyon.
Faced with tough competition, the agency is experiencing a slowdown, so the company's founder decides that the website needs to be optimized to restart the company's activity.
My role was to write an analysis of the problems in the form of a table, optimize the website with good SEO and accessibility practices, and prepare an optimization report (in French) comparing the results of the optimizations.
- Transfer the form to the home page 🏠
- Minification of CSS and JavaScript 📉
- Optimization of the head in HTML 🔧
- Removal of invisible text (Black Hat) 🚫
- Removal of low-quality links in the footer ❌
- Replacement of images containing only text 🖼️
- Addition of semantic tags 🏷️
- Image optimization 📷
- Addition of labels to forms 📝
- Correction of the visibility and contrast of text for accessibility 🔍
-
Download the repository by clicking on the "Code" button on the repo page and selecting "Download ZIP."
-
Extract the contents of the ZIP file to a folder on your computer.
-
Open the folder and double-click on the index HTML file to view it in your web browser (or use live-server on Visual Studio Code for example).
-
To make changes, edit the HTML or CSS file using a text editor and save the file. Refresh the web page in your browser to see the updated version.
That's it!
- Visual Studio Code - Text editor
- GitHub - Version control tool
- GitHub Pages - Hosting tool
- W3C Validator - Tools for detecting errors in HTML and CSS code
- GTMetrix - Website performance evaluation tool
- Dareboost - Website performance evaluation tool
- WAVE Web Accessibility Evaluation Tool - Accessibility best practices evaluation tool
- AChecker - Accessibility error, performance, and best practices evaluation tool