Refonte de site web : changer le design sans sacrifier le SEO ni les conversions

Une refonte de site web consiste à transformer un site existant pour mieux répondre aux besoins de ses utilisateurs et de l’entreprise. Elle peut toucher le design, les contenus, la navigation ou le socle technique. Pour la réussir, il faut identifier ce qui freine réellement les résultats, préserver les pages qui fonctionnent et préparer la mise en ligne aussi soigneusement que la conception.
Déterminer ce qui doit changer, et ce qui mérite de rester
Contrairement à une création, une refonte part d’un patrimoine existant : contenus référencés, visiteurs réguliers, liens entrants, fonctionnalités et habitudes de navigation. Une simple mise à jour corrige un élément ponctuel ; une refonte modifie plus largement l’expérience ou le fonctionnement du site.

L’âge du site ne suffit pas à justifier le chantier. Une navigation confuse, des formulaires difficiles à utiliser sur mobile, un CMS qui ne reçoit plus de mises à jour ou une offre devenue illisible constituent des déclencheurs plus solides. Une baisse des demandes commerciales mérite d’abord un diagnostic : elle peut aussi venir d’un trafic moins qualifié.
| Périmètre | Interventions principales | Situation adaptée |
|---|---|---|
| Refonte graphique | Identité visuelle, typographie, mise en page, interfaces | Image vieillissante, structure encore pertinente |
| Refonte structurelle | Arborescence, navigation, hiérarchie des contenus | Offre difficile à comprendre ou à trouver |
| Refonte technique | CMS, code, hébergement, intégrations | Maintenance compliquée, lenteurs ou limites fonctionnelles |
| Refonte globale | Combinaison des trois périmètres | Décalage profond entre le site et les besoins actuels |
Privilégiez le plus petit périmètre capable de résoudre le problème. Un parcours de contact défaillant ne nécessite pas forcément de remplacer le CMS. À l’inverse, une nouvelle interface ne corrigera pas un outil devenu impossible à maintenir.
Transformer l’audit en objectifs et en cahier des charges
Établir un état initial exploitable
L’audit doit croiser référencement naturel, expérience utilisateur, contenus et technique. Inventoriez les URL, repérez les pages qui attirent des visiteurs qualifiés et identifiez celles qui contribuent aux demandes ou aux ventes. Examinez aussi les erreurs, les performances mobiles, la sécurité et les difficultés rencontrées par les équipes dans le back-office.
Consignez les indicateurs avant toute modification : trafic organique par page, demandes qualifiées, taux de conversion, chiffre d’affaires en ligne et vitesse de chargement selon le site. Google Analytics peut documenter les parcours, tandis que Google Search Console aide à examiner les performances dans la recherche. Vérifiez d’abord que la mesure fonctionne correctement.
Décrire des résultats attendus, pas seulement des fonctionnalités
« Moderniser le site » ne permet pas d’arbitrer un projet. « Faciliter la demande de devis depuis un téléphone » donne une direction concrète. Pour un site vitrine, privilégiez la qualité des contacts ; pour un commerce en ligne, observez le passage du panier au paiement ; en B2B, facilitez l’accès aux preuves et aux informations techniques.
Le cahier des charges rassemble les objectifs, les publics, les fonctionnalités indispensables, les contenus à reprendre, les contraintes techniques et les critères de validation. Nommez un responsable interne et précisez qui valide chaque livrable. Le rétroplanning doit intégrer la rédaction, les retours et les tests, pas seulement le développement.
Concevoir des parcours utiles avant de dessiner les pages
Construisez l’arborescence autour des questions des visiteurs plutôt qu’autour de l’organigramme de l’entreprise. Chaque page importante doit avoir un rôle : présenter une offre, répondre à une objection, rassurer ou permettre une action. Des wireframes, schémas simplifiés des pages, permettent de tester cette logique avant de travailler les couleurs et les visuels.
Une refonte ressemble aussi à un travail de couture : les défauts apparaissent souvent aux raccords. Une publicité promet un devis rapide, mais la page d’arrivée reste générale ; une fiche produit rassure, puis le panier change de vocabulaire. Relisez chaque transition comme une couture entre deux pièces : promesse, intitulé du bouton, page suivante et message de confirmation doivent rester cohérents. Cette vérification révèle des frictions qu’une revue des maquettes isolées laisse passer.
Retravaillez ensuite les contenus sans supprimer mécaniquement l’existant. Conservez les informations utiles, actualisez les passages dépassés et fusionnez les pages redondantes lorsque cela sert une même intention de recherche. Les titres, arguments, preuves et appels à l’action doivent accompagner une décision, pas simplement remplir une nouvelle mise en page.
- Testez la navigation et les formulaires sur mobile.
- Vérifiez la lisibilité, les contrastes et l’utilisation au clavier.
- Prévoyez les états d’erreur, de chargement et de confirmation.
- Évaluez la facilité de modification des contenus par vos équipes.
Le choix du CMS dépend de ces usages, des intégrations et des compétences disponibles. Une architecture plus complexe n’est pas automatiquement plus performante : elle doit apporter un bénéfice réel sans rendre l’exploitation quotidienne inutilement coûteuse.
Préparer la migration SEO et sécuriser la mise en ligne
Construire les correspondances entre anciennes et nouvelles URL
Conservez les URL pertinentes lorsque leur modification n’apporte aucun bénéfice. Pour celles qui changent, préparez un plan de redirections 301 vers les nouvelles pages équivalentes. Évitez de renvoyer toutes les anciennes adresses vers l’accueil : cette destination répond rarement au besoin initial du visiteur.
Une redirection aide à transmettre les signaux associés à l’ancienne page, mais ne garantit pas le maintien des positions. Préservez aussi la pertinence des contenus, le maillage interne, les balises de titre et les éléments utiles à l’indexation. Actualisez les liens internes afin qu’ils pointent directement vers les nouvelles adresses.
Valider une checklist de lancement
Le développement se déroule en préproduction, sur un environnement distinct du site public et protégé de l’indexation. Avant la bascule, testez les parcours représentatifs avec de vrais contenus. Contrôlez également la configuration de collecte des données et les obligations applicables en matière de confidentialité et de RGPD.
- Sauvegarder le site et définir une procédure de retour arrière.
- Tester les redirections, les liens et les principales pages d’entrée SEO.
- Vérifier formulaires, paiement, courriels et intégrations métier.
- Contrôler les performances, notamment les Core Web Vitals.
- Retirer les blocages d’indexation prévus uniquement pour la préproduction et vérifier le sitemap.
Après lancement, surveillez les erreurs, l’indexation, le trafic et les conversions. En cas de chute, distinguez un défaut de mesure d’un problème réel, puis examinez les pages touchées, les redirections et les blocages techniques. Comparez des périodes cohérentes en tenant compte de la saisonnalité.
Choisir un prestataire et un budget qui couvrent l’après-lancement
Il n’existe pas de prix unique pertinent sans périmètre. Le coût dépend notamment du nombre de modèles de pages, des contenus à migrer, des fonctionnalités, des langues et des connexions à d’autres outils. Demandez un devis ventilé entre audit, conception, développement, migration, tests et accompagnement.
Un freelance peut convenir à un projet ciblé avec un interlocuteur interne disponible. Une agence peut réunir plusieurs compétences et faciliter la coordination d’un chantier plus large. Le bon choix repose surtout sur les intervenants réellement mobilisés, leur méthode et leur capacité à traiter vos contraintes.
Vérifiez enfin la propriété du site, les accès, les licences, la documentation, la formation et les conditions de maintenance. Une refonte réussie ne s’arrête pas à la livraison d’un nouveau design : elle laisse un site exploitable, mesurable et améliorable, avec un responsable clairement identifié pour corriger les problèmes et poursuivre les optimisations.