La refonte d’un site web peut consister à moderniser son apparence ou à revoir son architecture technique. Ces deux interventions ne répondent pas aux mêmes problèmes et n’impliquent ni le même travail ni les mêmes précautions. Une refonte visuelle conserve généralement le CMS et l’organisation des pages, tandis qu’une refonte structurelle peut modifier les URL, le code, la navigation ou le système de gestion du site.
🎨 Refonte visuelle : changer l’apparence sans reconstruire le site
Une refonte visuelle, également appelée lifting graphique, modifie la présentation d’un site sans remettre en cause ses fondations techniques. Les pages conservent généralement leur emplacement dans l’arborescence, leurs URL et leurs principales fonctionnalités.
Le travail porte avant tout sur l’interface. Il peut s’agir de remplacer un thème WordPress vieillissant, d’harmoniser les couleurs, de revoir les typographies ou de rendre les pages plus lisibles sur mobile.
Les changements apportés au design
Une refonte graphique peut comprendre :
- La charte graphique : couleurs, polices, icônes et éléments visuels adaptés à l’identité de l’entreprise.
- La mise en page : dimensions des blocs, espacements, alignements et hiérarchie des informations.
- Les visuels : photographies, illustrations, bannières et images de produits.
- Les boutons et formulaires : présentation des appels à l’action, champs de saisie et messages de confirmation.
- L’affichage mobile : adaptation des menus, des colonnes et des éléments interactifs aux petits écrans.
Prenons le cas d’un site vitrine sous WordPress qui présente correctement les services de l’entreprise, mais dont le design date de plusieurs années. Si les pages sont bien organisées et que le site reste techniquement fiable, une refonte du thème et des modèles de pages peut suffire.
Le travail peut aussi inclure des améliorations d’accessibilité et d’ergonomie. Toutefois, changer l’apparence d’un formulaire ne corrige pas nécessairement ses problèmes de validation, pas plus qu’un nouveau thème ne résout automatiquement les lenteurs du site.
Les limites d’un simple lifting graphique
Une refonte visuelle ne corrige pas, à elle seule, une architecture de navigation incohérente, des URL mal organisées ou un CMS devenu inadapté. Si les visiteurs ne trouvent pas les informations recherchées, le problème peut venir de la structure des pages plutôt que de leur apparence.
Avant de choisir cette solution, il faut donc vérifier que les difficultés rencontrées proviennent bien de l’interface. Une nouvelle identité graphique ne remplacera pas un travail technique lorsque les fondations du site sont en cause.
🏗️ Refonte structurelle : modifier l’architecture et l’organisation du site
Une refonte structurelle intervient sur les éléments qui déterminent la manière dont le site est construit et organisé. Elle peut conserver le design existant, mais implique souvent une révision plus profonde des pages, du code ou du CMS.
Les changements dépendent des problèmes identifiés. Certains projets nécessitent seulement de revoir l’arborescence et les modèles de pages. D’autres impliquent une migration complète vers une nouvelle plateforme.
Réorganisation des pages et de la navigation
Un site qui a accumulé des contenus pendant plusieurs années peut présenter des catégories redondantes, des pages difficiles à trouver ou des menus devenus trop complexes. Une refonte structurelle permet de réorganiser ces éléments.
Le chantier peut comprendre :
- le regroupement de rubriques similaires ;
- la suppression ou la fusion de pages obsolètes ;
- la création de nouvelles catégories ;
- la simplification des menus ;
- la révision du maillage interne ;
- la modification des URL lorsque cela se justifie.
Cette intervention concerne autant la navigation des visiteurs que l’organisation des contenus accessibles aux moteurs de recherche. Les modifications doivent donc être préparées avec soin lorsque les pages existantes génèrent déjà du trafic.
Changement de CMS et révision du code
Une refonte structurelle peut également conduire à remplacer le système de gestion de contenu.
Par exemple, une boutique sous WordPress et WooCommerce peut migrer vers Shopify si les besoins commerciaux, les contraintes techniques ou l’administration du catalogue justifient ce choix. Un site vitrine peut aussi passer vers Webflow lorsque cette plateforme correspond mieux au mode de conception et de gestion souhaité.
Une migration de ce type demande de traiter plusieurs éléments :
- les pages et les articles ;
- les produits, les catégories et les données associées ;
- les comptes clients et les commandes, selon les possibilités des plateformes ;
- les formulaires et les intégrations externes ;
- les URL et les redirections ;
- les réglages SEO et les données structurées ;
- les scripts et les fonctionnalités spécifiques.
Le changement de CMS ne garantit pas automatiquement un meilleur référencement ou des pages plus rapides. Les résultats dépendent de la qualité de la migration, du code produit, de l’hébergement et de la configuration finale.
A lire aussi: Low code: quelle est la plateforme la plus recommandée ?
📊 Les différences concrètes entre les deux refontes
| Élément | Refonte visuelle | Refonte structurelle |
| Design et identité graphique | Modifiés | Modifiés si nécessaire |
| CMS | Généralement conservé | Peut être remplacé |
| Arborescence | Conservée dans la plupart des cas | Peut être réorganisée |
| URL des pages | Généralement inchangées | Peuvent être modifiées |
| Code et architecture technique | Changements limités | Modifications possibles en profondeur |
| Fonctionnalités | Principalement conservées | Peuvent être ajoutées, remplacées ou supprimées |
| Référencement naturel | Contrôles après modification du thème | Préparation SEO approfondie, surtout en cas de migration |
| Tests avant lancement | Affichage, navigation et compatibilité | Tests fonctionnels, techniques, données et SEO |
| Charge de travail | Souvent plus limitée | Souvent plus importante |
Les frontières ne sont pas absolues. Une refonte graphique peut nécessiter un développement conséquent, tandis qu’une refonte structurelle peut conserver une grande partie du design. C’est l’étendue des modifications nécessaires qui détermine la nature du projet.
🔎 Référencement : les contrôles à effectuer avant la mise en ligne
Une refonte peut modifier les éléments utilisés par Google pour explorer, indexer et classer les pages. Le niveau de préparation dépend notamment du nombre d’URL concernées et de la nature des changements.
Si le design change, mais pas les URL
Il faut vérifier que le nouveau thème ne supprime pas des éléments importants pour le référencement. Les balises title, les titres de page, les textes, les liens internes et les données structurées doivent être contrôlés après l’intégration.
Le poids des images, les scripts et les feuilles de style méritent également une vérification. Un design plus moderne peut ralentir un site si le nouveau thème charge trop de ressources.
Si l’arborescence ou le CMS change
Une migration nécessite un inventaire des URL existantes et une correspondance avec les nouvelles adresses. Les pages qui génèrent des visites, des ventes ou des liens entrants doivent faire l’objet d’une attention particulière.
Avant le lancement, il convient notamment de :
- Recenser les pages indexées et celles qui reçoivent du trafic.
- Préparer les correspondances entre anciennes et nouvelles URL.
- Configurer des redirections 301 lorsque les adresses changent définitivement.
- Vérifier les balises SEO, les liens internes et les pages canoniques.
- Mettre à jour le sitemap XML.
- Tester les formulaires, les commandes et les principales fonctionnalités.
- Surveiller les erreurs d’exploration, l’indexation et le trafic après la mise en ligne.
Les anciennes URL ne doivent pas toutes rediriger vers la page d’accueil. Une redirection doit conduire vers la nouvelle page correspondante ou vers une destination qui répond réellement à la même intention.
💶 Pourquoi une refonte peut coûter de quelques centaines à plusieurs milliers d’euros
Le budget dépend surtout du nombre de pages, du niveau de personnalisation et des opérations techniques à réaliser. Une modification de thème sur un petit site n’exige pas le même travail qu’une migration e-commerce avec des milliers de références et des connexions à des outils externes.
À titre indicatif, un lifting graphique simple peut coûter entre 500 et 3 000 €. Une refonte visuelle sur mesure peut atteindre 3 000 à 10 000 €. Pour une refonte structurelle, le budget peut aller de 3 000 à 15 000 € sur un site vitrine et dépasser plusieurs dizaines de milliers d’euros pour une plateforme complexe. Ces fourchettes varient selon le prestataire, le périmètre et les contraintes du projet.
Pour comparer les devis, il faut surtout regarder les opérations réellement prévues : audit du site existant, conception des pages, développement, transfert des contenus, gestion des redirections, tests, corrections après lancement et maintenance. Un devis moins cher peut exclure certaines tâches indispensables, notamment la préparation SEO ou la reprise de fonctionnalités spécifiques.
🧭 Partir des problèmes du site pour choisir la bonne refonte
Le choix ne dépend pas uniquement de l’âge du design. Il faut déterminer si les difficultés viennent de l’interface, de l’organisation des contenus ou de la structure technique.
Une refonte visuelle suffit généralement lorsque le site remplit toujours ses objectifs, que son CMS reste adapté et que les pages sont bien organisées. Une refonte structurelle devient plus pertinente lorsque les limites touchent à la navigation, au code, aux performances ou aux capacités de la plateforme.
Il est aussi possible de combiner les deux approches : conserver le CMS, revoir l’arborescence, corriger certains défauts techniques et moderniser les pages. Cette solution permet de traiter les problèmes identifiés sans imposer une migration complète lorsque celle-ci n’est pas justifiée.
La différence fondamentale tient donc à la profondeur des changements : la refonte visuelle renouvelle la présentation du site, tandis que la refonte structurelle modifie son organisation ou ses fondations techniques. Un diagnostic préalable permet de choisir l’intervention adaptée et de limiter les risques pour le référencement, les fonctionnalités et les utilisateurs.