Axel Godefroy
project-banner
main-thumbnail-project

Moderniser et Sécuriser un Site Web : La Refonte de l'Abbaye de Cercanceaux

Novembre 2024
Logiciels
software-icon
Figma
Technologies
language-icon
Sass
language-icon
Wordpress
language-icon
PHP

Introduction

Dans le cadre d'une mission de ma micro-entreprise, j'ai été chargé de la refonte du site de l’Abbaye de Cercanceaux. Avec mon client, nous avons dû résoudre plusieurs problèmes liés à un site vieillissant, notamment en matière de sécurité, d’accessibilité et de performance. L’abbaye, riche de son histoire, avait besoin d’un site reflétant sa valeur tout en garantissant une expérience utilisateur moderne et sécurisée. En plus des failles fonctionnelles, l'ancien site affichait des scores faibles dans les évaluations de performance et d’accessibilité, limitant son potentiel de référencement et d’engagement.

Un site ancien et manquant de sécurité

L’ancien site de l’abbaye présentait plusieurs problèmes critiques :

  • Failles de sécurité : Pas de protocole HTTPS, formulaires de contact non protégés, et une grande vulnérabilité aux spams

Avec plus de 1800 messages reçus de novembre 2019 à janvier 2024, soit plus d’un par jour !

  • Contenu et images dépassés : Des visuels vieillissants et un contenu peu optimisé limitaient l’attrait du site et son référencement.
  • Navigation limitée : L’arborescence et la structure du site ne permettaient pas une découverte aisée des informations importantes, notamment sur l’histoire de l’abbaye et les services de réservation.
  • Scores faibles Lighthouse : Le site affichait de mauvais scores dans les domaines de :
    • Performance : Faible à cause de l’optimisation limitée des ressources et de l’absence de mises à jour.
    • Accessibilité : Aucun texte alternatif (balises "alt") pour les images, ce qui impacte l’expérience des utilisateurs ayant des déficiences visuelles et le SEO.
    • Best Practices : Utilisation injustifiée de cookies tiers, notamment pour le lecteur vidéo tiers, posant des risques en matière de confidentialité.
    • SEO : L’absence de balises "meta" et de structure de contenu optimisée limitait la visibilité du site dans les moteurs de recherche.

Les score Google Lighthouse ou Google PageSpeed Insights, sont importants pour le référencement naturel, et pour l'expérience des utilisateurs.

Objectifs de la Refonte

La refonte visait à transformer l’image numérique de l’abbaye pour répondre aux enjeux suivants :

  • Renforcer la Sécurité et la Fiabilité : Sécuriser les formulaires et mettre en place HTTPS.
  • Moderniser l’Expérience Utilisateur et les Visuels : Avec mon client, nous avons enrichi les pages avec des images actuelles et un contenu pertinent.
  • Optimiser la Structure et la Navigation : Simplifier l’accès aux informations clés et guider les visiteurs de manière intuitive.
  • Augmenter les Scores Lighthouse en SEO, Performance et Accessibilité : En intégrant des alt pour les images, des balises meta, et en réduisant l’utilisation de cookies tiers.

Solutions Apportées

Sécurisation et Optimisation des Formulaires

Mise en place du HTTPS sur l'ensemble du site : Cela assure la sécurité des données envoyées et reçues, notamment à travers le formulaire.

Le formulaire de contact a été refondu pour inclure :

  • hCaptcha : Un CAPTCHA protège désormais l'envoi de formulaire et empêche le spam.

hCaptcha est reconnu pour être soucieux des données des utilisateurs.

  • Formulaire de réservation détaillé : Permet aux visiteurs de préciser leurs besoins (type d’événement, nombre de personnes, prestations souhaitées), facilitant la gestion des demandes.

Choix de WordPress et Thème Personnalisé

Comme pour d’autres projets de refonte, WordPress a été choisi pour sa flexibilité et sa facilité d’usage :

  • Thème personnalisé : Un thème sur mesure permet de minimiser les plugins, ce qui améliore la performance et réduit les failles de sécurité.
  • Édition simplifiée : L’équipe peut désormais facilement mettre à jour le contenu et les visuels.

Modernisation Visuelle et Expérience Utilisateur

Pour rendre le site plus attrayant :

  • Vidéo en bannière et images actualisées : Ces éléments visuels donnent une première impression immersive aux visiteurs.
  • Nouvelle arborescence : L’organisation en sections telles que /decouvrir (informations sur l’histoire et les salles), /reserver, /evenements, et /diaporama permet une navigation simple et intuitive.

Optimisation SEO et Scores Lighthouse

Pour maximiser la visibilité et améliorer l’expérience utilisateur, des optimisations SEO avancées ont été mises en œuvre :

  • Images avec texte alternatif (balises "alt") : Toutes les images sont désormais accompagnées de descriptions pour améliorer l’accessibilité et le SEO.
  • Balises Meta et données structurées : Ajout de balises meta et de données structurées pour permettre un meilleur affichage dans les moteurs de recherche et une meilleure indexation.
  • Fil d’Ariane et témoignages : Ces éléments renforcent la crédibilité du site et sa navigation.
  • Réduction des cookies tiers : Suppression du lecteur vidéo utilisant des cookies tiers.

📎 Accès Application accessible à l'adresse suivante : www.abbaye-cercanceaux.fr

banner-next-project
Projet Suivant