Réussir la refonte de son site web (sans perdre son référencement)

Qu'est-ce qu'une refonte de site web ?

Une refonte de site web, ou refonte de site internet, est la reconstruction d'un site déjà en ligne : on repense tout ou partie du design, de l'ergonomie, de la structure technique ou du contenu, en repartant de l'existant plutôt que d'une page blanche. Le chantier va bien au-delà d'une mise à jour, puisqu'il touche aux fondations du site.

Toute la différence avec une création tient à ce mot, existant. Sur un site neuf, vous partez de rien. Sur une refonte, vous héritez d'un actif qui a un historique, une audience, des positions dans Google, parfois des milliers de pages et de liens entrants. J'ai vu cet héritage faire gagner des années à des entreprises qui l'avaient exploité, et j'en ai vu d'autres le perdre le jour de la mise en ligne, faute de l'avoir mesuré.

Refonte, création, redesign ou mise à jour ?

Ces mots sont souvent employés l'un pour l'autre, alors qu'ils ne recouvrent ni le même travail ni le même risque. La règle qui les départage est simple : si les URL, le socle ou l'arborescence bougent, c'est une refonte, et elle impose un plan de redirections 301, faute de quoi le trafic peut chuter du jour au lendemain.

Changer la couleur d'un bouton ou publier un article est une mise à jour. Passer à un nouveau design, migrer vers un autre CMS, qu'il s'agisse d'un site WordPress ou d'un autre socle, ou réorganiser toute l'arborescence est une refonte. Bien nommer son projet évite le malentendu d'où partent presque tous les projets qui dérapent : le client pense « rafraîchir le design », le prestataire comprend « nouveau site », et personne ne s'occupe des redirections. Un site vivant a besoin des deux : des mises à jour régulières pour rester en forme, une refonte quand le retard devient structurel.

Les quatre types de refonte

Une refonte peut être partielle, quand on ne touche qu'au design ou qu'à la structure, ou totale, quand le design, la technique et le contenu sont refaits en même temps. Dans la pratique, on distingue quatre grands types, qui se combinent souvent :

• La refonte graphique et ergonomique. On revoit l'identité visuelle, la mise en page et surtout les parcours utilisateurs. L'objectif est de moderniser l'image et de fluidifier la navigation pour mieux convertir. C'est la refonte la plus visible, mais rarement la plus profonde.
• La refonte technique (ou migration). On change de socle : passage à un nouveau CMS, changement de plateforme e-commerce, réécriture du code, migration de serveur ou changement de nom de domaine. Elle vise la performance, la sécurité et la maintenabilité. C'est ici que le risque SEO est le plus élevé, parce que les URL bougent.
• La refonte SEO. On restructure l'arborescence, les URL, le maillage interne et le contenu pour que le site soit mieux compris par Google et par les moteurs de réponse. Elle part des données de positionnement, pas des goûts esthétiques.
• La refonte complète. Elle combine les trois : nouveau design, nouveau socle technique et nouvelle structure SEO en même temps. C'est le projet le plus lourd, celui qui demande le plus de pilotage, car chaque brique influence les autres.

Choisir le bon périmètre est la première décision du projet. Refaire le design d'un site dont le vrai problème est la lenteur ou la structure, c'est repeindre une façade sur des fondations fissurées. Le type de site pèse tout autant, car une refonte de site vitrine et une migration de boutique ne posent pas les mêmes contraintes.

Pourquoi et quand refondre son site ?

On refond un site quand il ne remplit plus son rôle. Les signaux les plus fiables : un design daté qui décrédibilise, un affichage cassé sur mobile, des pages trop lentes, l'absence de HTTPS, un mauvais référencement ou un changement de stratégie commerciale. La refonte sert à réaligner le site sur vos objectifs réels.

Beaucoup d'entreprises refont leur site parce qu'elles s'en sont lassées, ce qui est le plus mauvais des motifs. Une refonte se déclenche sur des faits, et l'audit préalable sert précisément à les établir. Les signaux que je considère comme sérieux :

• Le site n'est pas responsive ou s'affiche mal sur smartphone, alors que l'essentiel du trafic est mobile. C'est un motif suffisant à lui seul.
• Les pages sont lentes. Un temps de chargement dégradé pénalise l'expérience et les Core Web Vitals, ces indicateurs de performance que Google mesure sur chaque page. Les seuils officiels de Google : un LCP sous 2,5 s, un INP sous 200 ms et un CLS sous 0,1.
• Le site n'est pas en HTTPS ou repose sur une technologie obsolète qui n'est plus maintenue, ce qui pose un vrai problème de sécurité.
• Le référencement stagne ou recule malgré vos efforts, souvent à cause d'une arborescence illisible ou d'un contenu insuffisant.
• Le taux de conversion est faible et les parcours sont confus : les visiteurs viennent mais n'agissent pas.
• Votre stratégie a changé. Nouveau positionnement, nouvelle offre, nouvelle cible, internationalisation : le site ne raconte plus la bonne histoire.
• Le site est devenu ingérable techniquement : chaque modification est un casse-tête, personne ne veut y toucher.

Mon conseil : si un seul de ces signaux est présent mais isolé, une correction ciblée suffit souvent. Quand trois ou quatre s'accumulent, la refonte devient le choix rationnel, parce que rafistoler coûterait plus cher que reconstruire sur des bases saines.

Les grandes étapes d'une refonte

Une refonte de site web se déroule en huit étapes : le cadrage et l'audit de l'existant, le cahier des charges, la conception, le développement et l'intégration des contenus, la préparation SEO et le plan de redirections, la recette, la mise en ligne, puis le suivi. Chacune se referme par un jalon qui autorise la suivante. Sauter le cadrage ou la recette est la cause la plus fréquente des refontes qui dérapent en délais, en budget et en trafic perdu.

Ce découpage est celui que je pilote sur mes projets, du site vitrine à la migration à fort trafic. Le nombre exact d'étapes importe moins que leur séquence : on ne conçoit pas sans avoir cadré, on ne développe pas sans conception validée, on ne met pas en ligne sans recette. Chaque étape produit un livrable, et c'est sa validation, le jalon, qui ouvre la suivante. La durée de chacune se construit à rebours depuis la date de mise en ligne, dans le rétroplanning type d'une refonte (la méthode du rétroplanning, avec un générateur gratuit, est détaillée à part).

1. Le cadrage et l'audit de l'existant

Refondre sans cadrer, c'est partir en voyage sans destination. Le cadrage répond à trois questions : pourquoi refait-on ce site, pour qui, et jusqu'où va le chantier. On y fixe les objectifs, les cibles, le périmètre, le budget et les contraintes. En parallèle, l'audit préalable de l'existant mesure la valeur déjà en place : pages qui rankent, contenus qui convertissent, état technique, Core Web Vitals et données de la Search Console. C'est ce diagnostic qui distingue une refonte pilotée par les faits d'une refonte pilotée par le goût. Livrable : une note de cadrage et un inventaire de l'existant, qui alimentent directement l'étape suivante.

2. Le cahier des charges

Le cadrage validé se traduit par écrit en un document de référence : celui sur lequel chaque prestataire chiffrera, et sur lequel se trancheront les désaccords en cours de route. C'est le moment où le besoin métier devient une liste d'exigences, celles du référencement comprises. Quelques jours investis à le rédiger évitent des semaines de malentendus. Livrable : le cahier des charges validé, qui sert de base identique pour comparer les devis. Ce qu'il doit contenir est résumé plus bas dans ce guide.

3. La conception

La conception traduit le cahier des charges en structure et en visuels, par couches successives. D'abord l'arborescence, la carte des pages et leur hiérarchie, qui pèse directement sur le SEO et sur la navigation. Ensuite les wireframes, ces schémas en noir et blanc qui posent l'agencement de chaque type de page sans se laisser distraire par les couleurs. Enfin les maquettes graphiques, qui habillent la structure validée. L'ergonomie et le design se valident ici, couche par couche, avant d'écrire la moindre ligne de code, parce que corriger un wireframe coûte infiniment moins cher que corriger un site développé. Livrable : une maquette approuvée, écran par écran, qui sert de contrat visuel pour le développement.

4. Le développement et l'intégration des contenus

Deux chantiers avancent ici de front. Le développement donne vie aux maquettes et branche les fonctionnalités : formulaires, moteur de recherche, paiement, connexions aux outils métier. L'intégration verse dans les gabarits les textes et médias définitifs, pas du faux texte. C'est le poste le plus souvent sous-estimé : reprendre et réorganiser le contenu représente une vraie charge, et un développement terminé qui attend des textes en retard bloque tout le projet. Le travail se fait sur un environnement de préproduction (ou staging), séparé du site en ligne, que le pilote passe régulièrement en revue. Livrable : le site complet en préproduction, avec ses contenus réels.

5. La préparation SEO et le plan de redirections

C'est l'étape qui décide de la survie du trafic. Elle commence dès le cadrage, mais se concrétise juste avant la bascule : on liste chaque URL du site actuel avec un outil de crawl, on associe à chacune son équivalent sur le nouveau site, et on documente ce plan de redirections ligne par ligne. En parallèle, on vérifie les balises title, les métadonnées, le maillage interne et le sitemap.xml. Livrable : le plan de redirections 301 complet, prêt à être testé en recette. Les trois réflexes qui protègent le référencement sont détaillés dans la section qui lui est consacrée.

6. La recette

La recette est le filet de sécurité du projet. On la mène sur la préproduction, à partir d'un cahier de recette qui ne laisse rien au hasard : chaque gabarit sur plusieurs navigateurs et tailles d'écran, chaque formulaire réellement envoyé, chaque scénario d'achat déroulé jusqu'au bout, les temps de chargement mesurés, et un test des redirections pour vérifier qu'aucune ancienne URL ne renvoie une erreur 404. Aucune mise en production tant que la recette n'est pas validée point par point. Livrable : un procès-verbal de recette, avec les anomalies corrigées et le feu vert pour la mise en ligne.

7. La mise en ligne

Le jour J est l'exécution d'une checklist préparée à l'avance, sans place pour l'improvisation. On procède à la bascule en production, on active les redirections validées en recette, on soumet le sitemap.xml actualisé à Google, on contrôle les balises d'indexation (pas de noindex oublié qui traînerait depuis la préproduction) et on vérifie que les outils de suivi d'audience remontent bien les données, en gardant un moyen de revenir en arrière. Bien préparée, la bascule ressemble à un non-événement. Livrable : le nouveau site en production, checklist déroulée jusqu'au bout.

8. Le suivi post-lancement

Une refonte ne se termine pas le jour de la mise en ligne. Dans les semaines qui suivent, on surveille dans la Search Console l'indexation et les éventuelles erreurs 404, on contrôle que les redirections tiennent, on suit les positions sur les mots-clés stratégiques et on garde un œil sur les conversions. Google met du temps à recrawler et à digérer un site refondu : une petite fluctuation les premiers jours est normale, une chute franche est un signal à traiter immédiatement. Livrable : les corrections faites au fil de l'eau, jusqu'à ce que l'indexation et les positions se stabilisent.

Quatre de ces étapes ont leur outil sur ce site, du diagnostic d'opportunité au plan de redirections, en passant par l'estimation du budget et la trame de cahier des charges. Ils sont regroupés sur la page outils gratuits pour cadrer votre projet, et servent à préparer la discussion avec un prestataire, pas à la remplacer.

Le rôle du pilote à chaque étape

Le pilote tient le lien entre le maître d'ouvrage et le maître d'œuvre, décrit plus bas, mais il ne le tient pas de la même façon à chaque phase. Partout, il provoque les décisions, valide les livrables et anticipe les risques, en particulier sur le SEO et la recette. Ce qui change d'une étape à l'autre :

Combien coûte une refonte ?

Le prix d'une refonte varie énormément selon le périmètre : de quelques milliers d'euros pour un site vitrine simple à plusieurs dizaines de milliers pour un site complexe, e-commerce ou sur mesure. Le facteur de coût qui pèse le plus lourd tient au niveau de personnalisation, à la reprise de contenu et aux fonctionnalités spécifiques, bien avant le nombre de pages.

Deux sites de taille identique peuvent coûter du simple au triple, selon le sur-mesure du design, le volume de contenu à reprendre, les intégrations (paiement, CRM, outils métier), le multilingue et l'ampleur du travail SEO. Les fourchettes et les postes de dépense sont dans le guide combien coûte une refonte de site web, et leur traitement comptable dans la page comptabiliser et amortir une refonte.

Le cahier des charges, socle du projet

Le cahier des charges est le document qui décrit précisément ce que doit être le nouveau site : objectifs, arborescence, contenus, fonctionnalités, exigences techniques et SEO. C'est le socle contractuel du projet. Sans lui, chaque prestataire chiffre autre chose et le projet dérive dès les premières semaines. Il doit aussi dire si le site est soumis à une obligation d'accessibilité, ce qui est plus fréquent depuis le 28 juin 2025 : l'exigence change les maquettes et la recette (voir accessibilité et refonte).

Il décrit des besoins, pas des solutions, ce qui permet de comparer les devis sur une base identique, et il inscrit noir sur blanc les exigences de préservation du référencement. Il doit être clair, priorisé et réaliste, pas un pavé de cent pages. La trame est dans le guide du cahier des charges de refonte de site web, et le choix de la personne qui le rédige a sa propre page.

Le point critique : préserver son référencement

Une refonte peut faire chuter le trafic, mais ce n'est pas une fatalité. Les pertes viennent presque toujours d'URL modifiées sans redirections 301, de contenu supprimé ou de balises oubliées. Avec un plan de redirection, un gel des URL stratégiques et un monitoring après la mise en ligne, on conserve le positionnement acquis.

C'est le sujet que je place au cœur de chaque projet, parce que c'est là que la valeur se détruit le plus vite, et sans bruit. Un site peut être magnifique et deux fois plus rapide : s'il a perdu ses positions Google, il ramène moins de clients qu'avant. Les trois réflexes qui protègent le référencement :

• Le plan de redirections 301. Chaque URL qui change doit être redirigée vers son équivalent le plus proche. C'est la mesure la plus importante de toute la refonte.
• Le gel des URL et du contenu stratégiques. On identifie, avant de commencer, les pages qui rankent et qui convertissent (via la Search Console et un outil de crawl comme Screaming Frog) pour les préserver plutôt que de les supprimer par inadvertance.
• Le monitoring après mise en ligne. On surveille l'indexation, les erreurs et le positionnement dans les jours et semaines qui suivent la bascule, pour corriger vite au lieu de constater les dégâts trois mois plus tard.

C'est un domaine technique où l'improvisation se paie cash. Je lui ai consacré un guide complet, avec la checklist que j'applique : refondre son site sans perdre son SEO.

Piloter le projet et choisir le bon prestataire

Une refonte réussie repose autant sur le pilotage que sur la technique. Le maître d'ouvrage (MOA), c'est vous, le porteur du besoin. Le maître d'œuvre (MOE), c'est celui qui réalise : agence, freelance ou équipe interne. Le rôle clé est celui qui fait le lien entre les deux et garde le cap sur les objectifs.

La plupart des refontes qui échouent butent sur un défaut de pilotage, rarement sur la technique. La distinction entre MOA, MOE et AMOA clarifie qui décide de quoi, et le choix entre agence, freelance ou équipe interne en découle : choisir le prestataire de sa refonte. Trois exemples de missions racontent un pilotage mené jusqu'au bout.

Les erreurs qui font échouer une refonte

Les refontes échouent presque toujours pour les mêmes raisons : pas de cadrage, pas de cahier des charges, aucune anticipation du SEO, une recette bâclée et un pilotage flottant. Ce sont des erreurs de méthode, pas de talent. Elles sont évitables quand on les connaît à l'avance.

Les pièges que je rencontre le plus souvent, et que ce guide vous aide à éviter :

• Lancer sans objectifs mesurables. Refaire un site « parce qu'il est vieux » sans savoir ce qu'on veut améliorer mène à un site plus joli mais pas plus efficace.
• Oublier le référencement jusqu'à la fin. Le SEO doit être pensé dès le cadrage, pas ajouté après coup, quand les URL sont déjà figées.
• Négliger les redirections 301. C'est la cause numéro un de perte de trafic après une mise en ligne.
• Supprimer du contenu qui performait. Faire table rase efface des pages qui ramenaient des visiteurs et des clients.
• Bâcler la recette. Mettre en ligne sans avoir tout testé, c'est découvrir les bugs en même temps que vos visiteurs.
• Sous-estimer le contenu. Repousser la reprise des textes bloque tout le projet à la dernière minute.
• Piloter à vue. Sans interlocuteur qui décide et arbitre côté client, le projet s'enlise dans les allers-retours.

La bonne nouvelle, c'est qu'aucune de ces erreurs n'est une fatalité. Elles se neutralisent avec de la méthode et un peu d'anticipation, ce qui est exactement l'objet de ce guide et des pages qu'il rassemble.

Ce guide est l'un des cinq du site. Les autres traitent du cahier des charges, du développement d'application, de la gestion de projet et de l'IA en entreprise : ils sont réunis, page par page, dans le sommaire des guides.

Ce guide décrit la méthode ; il est fait pour être appliqué sans moi. Quand la refonte est engagée et que personne en interne n'a le temps de tenir les prestataires et le plan de redirections, c'est le moment où l'on me confie le pilotage de la refonte.