Voici le lien vers le site web : https://youcefKNL.github.io/OC_Projet5_NinaCarducci/
Nina Carducci - Débuggez et optimisez un site de photographe (Projet 5 - Formation en Web Développement - Openclassrooms)
Vous êtes développeur freelance, et vous décidez de proposer vos services d’optimisation SEO à de nouveaux clients. Pour ce faire, vous avez analysé plusieurs sites internet. Parmi vos prospects, il y a le site de Nina Carducci, une photographe dont vous a parlé l’un de vos amis. https://nina-carducci.github.io/
Nina répond positivement à votre demande en vous demandant une optimisation de son site. Vous allez donc optimiser son site selon ses demandes indiquées dans son mail plus bas, et lui fournir un rapport détaillé de votre intervention.
Voici l’e-mail que vous aviez envoyé à Nina avec votre proposition :
Objet : Proposition d’optimisation de votre référencement
De : Vous
À : Nina Carducci
Bonjour,
Je suis développeur web freelance, et je vous écris car j'ai pu faire un tour sur votre site nina-carducci.github.io. Je trouve votre travail de grande qualité. Cependant j’ai trouvé que votre site était relativement long à charger, et je pense que vous pourriez gagner beaucoup de visiteurs si votre site était optimisé pour les moteurs de recherche.
Pour que vous puissiez vous faire une idée de ce qui peut être amélioré sur votre site, je vous joins un document d’audit que j’ai réalisé. Ce document reprend les grandes lignes des problèmes de performances que votre site rencontre.
Je vous propose mes services afin de pouvoir corriger les éléments mentionnés dans le rapport joint, et améliorer votre référencement. Je vous propose donc une prestation d’optimisation du site sur les points suivants :
Optimisation des images du site : des images trop lourdes rendent la page très longue à charger.
Optimisation du code et de sa structure, afin d’améliorer le chargement et l’accessibilité du site.
Qu’est-ce que vous y gagnez ? Un meilleur référencement (SEO), et donc plus de visibilité pour vos potentiels clients.
Afin que vous puissiez voir les résultats d’optimisation, je vous livrerai le code optimisé, mais aussi un rapport d’intervention montrant :
les performances de votre site avant et après optimisation (en me basant sur des audits Lighthouse pour les performances, et des audits Wave pour l’accessibilité) ;
la liste des modifications que j’ai apportées à votre site ;
une liste des cas d’usage de votre site, expliquant comment le site devrait fonctionner, pour que vous puissiez vous assurer que tout fonctionne correctement sur votre site.
Je suis à votre disposition pour plus d’informations.
Cordialement,
Pièce jointe :
Audit du site ninacarducci.github.io https://course.oc-static.com/projects/D%C3%A9veloppeur+Web/IW_P9+Optimisation/audit_nina_carducci.pdf
Nina a répondu favorablement à votre demande, et a convenu d’un rendez-vous téléphonique avec vous pour discuter des détails de l’optimisation du site. Voici le replay de la discussion que vous avez eue avec Nina. Pensez à prendre en note les informations importantes en écoutant l'audio.
Suite à votre discussion, vous recevez un mail de Nina :
Merci pour vos précisions durant notre appel.
Pour résumer le cadre de votre mission, vous allez donc :
faire une optimisation globale du site, tant sur les performances que sur le SEO ;
mettre en place le référencement local en utilisant Schema.org ;
ajouter les metas pour les réseaux sociaux ;
faire les modifications liées à l’accessibilité du site ;
produire un rapport d’optimisation présentant toutes vos actions et leur impact.
Comme convenu, voici les infos dont vous aurez besoin pour mon référencement local :
Mon adresse : 68 avenue Alsace-Lorraine, 33200 Bordeaux.
Mon numéro de téléphone : 05 56 67 78 89.
Je réponds au téléphone du lundi au vendredi de 10 h à 19 h.
Pour finir, j’aimerais vous demander un dernier travail. Comme vous avez certainement dû le constater, il y a des bugs dans le code, et j’aimerais que vous les corrigiez :
La navigation dans la modale de la galerie entre images précédente et suivante ne fonctionne pas.
Lorsque l’on change de filtre pour afficher les images, on ne voit pas quelle catégorie est sélectionnée. Normalement, la catégorie devrait avoir la couleur dorée en fond. Comme pour le filtre par défaut.
Enfin, vous trouverez le code de mon site sur ce repo GitHub https://github.com/nina-carducci/nina-carducci.github.io .
Vous pouvez le cloner et modifier le code sur un nouveau repo à me partager quand il sera prêt.
Merci beaucoup et bon développement,
Nina Carducci
Mission 0 to 100% :
S.E.O. optimization and accessibility
S.E.O. tools, google tools, shema.org, Web Content Accessibility Guidelines (WCAG) ...
https://github.com/youcefKNL?tab=repositories
