Refonte du site web
Mairie de Talange
Ce rapport présente le contexte du stage, l'analyse de l'existant, le cahier des charges fonctionnel et le planning prévisionnel de la mission.
Section 01
Présentation de la structure d'accueil
La commune de Talange
Talange est une commune de la Moselle (57525) comptant environ 7 500 habitants, située entre Metz et Thionville. La Mairie assure l'ensemble des services à la population : état civil, scolarité, action sociale (CCAS), vie associative, déchets, urbanisme et agenda culturel et sportif.
Le site web actuel
Le site officiel de la commune est accessible à l'adresse talange.com. Il est administré via le CMS Réseau des Communes, une solution mutualisée proposée par un prestataire à plusieurs communes de la région. Ce CMS offre peu de flexibilité en termes de design et de fonctionnalités, d'où la décision d'engager une refonte complète.
Stack technique du projet v2
La version 2 est développée en local via Local WP. Le thème WordPress est entièrement custom, sans page builder, en PHP, CSS vanilla et JS vanilla. Les principaux plugins configurés sont : Complianz RGPD, Contact Form 7, Yoast SEO, UpdraftPlus, Wordfence, WPS Hide Login, WP Accessibility, WP Super Cache et Newsletter.
Section 02
Missions et planning prévisionnel
Périmètre fonctionnel
Le projet couvre l'ensemble du site institutionnel : plus de 60 templates de page, 5 Custom Post Types (événements, compte-rendu, délibération, acte administratif, bulletin Horizon), un système d'agenda filtrable par catégorie, un formulaire de contact, des pages légales conformes RGPD, et une déclaration d'accessibilité RGAA 4.1.
Planning sur 9 semaines
| Semaine | Dates | Missions | Statut |
|---|---|---|---|
| Sem. 1 | 23 – 27 mars | Intégration, prise de poste, audit du site talange.com, recueil des besoins | Terminé |
| Sem. 2 | 30 mars – 3 avr. | Mise en place Local WP, création du thème WordPress custom, structure de base | Terminé |
| Sem. 3 | 7 – 11 avr. | Développement des templates PHP (60+ pages), palette de couleurs, CSS principal | En cours |
| Sem. 4 | 14 – 18 avr. | Custom Post Types, taxonomies, meta boxes, filtre agenda JS côté client | Prévu |
| Sem. 5 | 22 – 25 avr. | Organisation et intégration des médias, renommage, régénération miniatures | Prévu |
| Sem. 6 | 28 avr. – 2 mai | RGPD Complianz, sécurité Wordfence + WPS Hide Login, accessibilité WP Accessibility — soumission au conseil municipal pour lancement de la validation budgétaire | Prévu |
| Sem. 7 | 5 – 9 mai | Optimisation performances, cache transient, tests de charge — délai d'attente vote du conseil municipal (2 à 3 semaines incompressibles) | Prévu |
| Sem. 8 | 12 – 16 mai | SEO Yoast, compression images WebP, recette complète du site, rédaction rapport final — attente validation budgétaire | Prévu |
| Sem. 9 | 19 – 24 mai | Mise en production, bascule domaine talange.com, tests finaux, livraison — conditionné à la validation obtenue en sem. 6 | Prévu |
🗓️ Note sur le processus de mise en ligne
La mise en production du site est bien incluse dans les objectifs du stage et prévue avant le 24 mai 2026. Toutefois, en tant que collectivité territoriale, la Mairie de Talange est soumise à des contraintes administratives spécifiques avant tout déploiement : le passage en production implique une décision du conseil municipal et une validation budgétaire pour les postes liés à l'hébergement et au nom de domaine.
Ce processus, engagé dès la semaine 7 du stage, nécessite un délai incompressible de 2 à 3 semaines. C'est pourquoi la soumission au conseil municipal a été anticipée en milieu de stage, afin que la validation soit obtenue avant la semaine 9 et que la bascule du domaine puisse intervenir dans les derniers jours du stage.
Section 03
Analyse de l'existant — Audit talange.com
Un audit complet du site actuel a été mené dès la première semaine de stage. Plusieurs points d'amélioration majeurs ont été identifiés.
Sécurité — Absence de HTTPS
Le site talange.com fonctionne en HTTP uniquement, sans certificat SSL. Les données échangées ne sont pas chiffrées, les navigateurs modernes affichent un avertissement "Non sécurisé", et Google pénalise les sites HTTP dans son référencement.
Version mobile séparée
Le site dispose d'une version mobile distincte accessible via un
sous-chemin /mobile. Cette architecture double est une
pratique obsolète : maintenance doublée, risques d'incohérence de
contenu, et pénalités SEO liées au contenu dupliqué. La v2 adopte un
design responsive unique.
Design générique
Le CMS Réseau des Communes impose un template partagé entre de nombreuses communes. Le site de Talange est visuellement identique à plusieurs voisines, sans charte graphique propre. La v2 dispose d'une palette dédiée et d'un design sur mesure :
Référencement (SEO)
Absence de balises meta description personnalisées,
titres génériques, pas de sitemap XML, aucun balisage structuré. La
v2 intègre Yoast SEO pour couvrir l'ensemble de ces points.
Accessibilité
Lacunes vis-à-vis du RGAA 4.1 (obligatoire pour les services
publics) : absence de skip links, contrastes insuffisants, attributs
alt manquants, absence de focus visible. La v2 intègre
WP Accessibility et une déclaration d'accessibilité complète.
ℹ️ La v2 répond à l'ensemble de ces problématiques : HTTPS, responsive unique, charte propre, SEO Yoast et accessibilité RGAA renforcée.
Section 04
Veille — Sites de communes comparables
Une veille a été réalisée sur les sites officiels de communes mosellanes de taille similaire, afin d'identifier les bonnes pratiques à intégrer dans la v2.
Ville de Florange
florange.fr ↗Site responsive avec HTTPS, agenda des événements et actualités bien structurées. Menu de navigation clair et accessible.
Ville de Fameck
villedefameck.fr ↗Bonne organisation des démarches administratives, moteur de recherche interne, intégration des réseaux sociaux. HTTPS actif.
Ville de Hayange
ville-hayange.fr ↗Identité visuelle forte, agenda en page d'accueil, accessibilité déclarée, newsletter. Bonne référence pour la structure de contenu.
Enseignements pour la v2
Cette veille a permis de confirmer les fonctionnalités essentielles : agenda filtrable, actualités datées, démarches accessibles depuis le menu, formulaire de contact, réseaux sociaux, et respect des obligations légales (mentions légales, RGPD, accessibilité). Tous ces éléments sont intégrés dans la v2 de talange.com.