Réussir la refonte de son site web : guide par étapes

Réussir une refonte, c’est refaire son site sans perdre ce qui marche déjà : ses positions Google, son trafic, ses conversions. Tout se joue sur deux terrains que la plupart des articles survolent. Le cadrage en amont, d’abord, qui va décider d’une large part des résultats avant la première maquette. La migration SEO ensuite, ce moment précis de la mise en ligne où un plan de redirections bâclé peut effacer des années de référencement en une nuit.

Nous voyons passer les deux cas de figure. Le projet cadré qui gagne des positions à la mise en ligne. Et celui qu’on répare six mois plus tard parce que personne n’avait pensé aux URLs. Ce guide déroule chaque phase dans l’ordre, avec les seuils techniques précis et les pièges concrets.

Refonte, mise à jour ou migration : de quoi parle-t-on vraiment ?

Avant de vous lancer, clarifiez le besoin. Trois mots circulent en vrac et désignent des chantiers très différents. Une refonte de site internet, c’est repenser un site existant : son design, sa structure, parfois les deux. Une simple mise à jour se contente de retoucher un contenu ou une page. Une migration, elle, change l’infrastructure : nouveau CMS, nouveau nom de domaine, nouvel hébergeur. Ce sont trois périmètres, trois niveaux de risque, trois budgets.

La refonte se décline elle-même. Une refonte graphique modernise l’habillage sans toucher à l’architecture : nouvelles couleurs, nouvelle direction artistique, mais les URLs et l’arborescence restent en place. Une refonte structurelle va plus loin : elle réorganise l’arborescence, revoit les parcours, redistribue le contenu. C’est elle qui déclenche les enjeux SEO les plus lourds, puisqu’elle modifie les URLs.

Autre axe : partielle ou totale. Une refonte partielle ne traite qu’une portion du site, un tunnel de conversion, une rubrique vieillissante. Une refonte totale repart de zéro sur l’ensemble. La question à vous poser n’est pas « quel synonyme employer » (reconstruction, réorganisation, modernisation…), c’est « qu’est-ce qui coince réellement ? ». Un site lent qui convertit mal n’appelle pas les mêmes travaux qu’un site daté mais performant. Nommer précisément le problème, c’est déjà cadrer le projet.

Cadrer le projet : objectifs, audit et cahier des charges

C’est ici que tout se joue. Un projet mal cadré coûte deux fois : une fois à la production, une fois à la reprise. Avant d’ouvrir Figma ou d’appeler un prestataire, posez les fondations. Cette phase amont se structure en quatre temps.

L’audit de l’existant. Cartographiez ce que vous avez : contenus, pages les plus performantes, points de friction UX, dette technique. Côté référencement, il faut réaliser un audit SEO de l’existant pour identifier les pages qui rankent, les mots-clés qui rapportent et les URLs à préserver coûte que coûte. On ne refond pas à l’aveugle ce qui génère du trafic.
La définition d’objectifs mesurables. « Un site plus moderne » n’est pas un objectif, c’est un souhait. Fixez des KPI concrets : réduire le taux de rebond, augmenter le taux de conversion, gagner des positions sur des requêtes cibles. Adossez chaque objectif à vos personas et à leur expérience utilisateur réelle.
La refonte de l’arborescence. C’est le squelette. Une bonne arborescence sert à la fois l’utilisateur (il trouve vite) et le SEO (les moteurs comprennent la hiérarchie). C’est aussi elle qui déterminera votre futur plan de redirections.
La rédaction du cahier des charges. Le document qui engage tout le monde. Sur un projet technique, on parle de CCTP (Cahier des Clauses Techniques Particulières) : il fige le périmètre, les fonctionnalités, les contraintes techniques et les critères de recette. Plus il est précis, moins vous subirez de dérives de budget en cours de route.

Un conseil : ne déléguez jamais totalement cette phase. Le prestataire produit, mais c’est vous qui connaissez votre métier, vos clients, vos priorités. Le cahier des charges est le lieu où cette connaissance se transmet.

Concevoir et développer : wireframes, maquettes et recette

Le cadrage validé, la production démarre. Elle enchaîne des étapes qui vont du croquis abstrait au site testé, prêt à basculer. L’ordre compte : chaque phase valide la précédente avant d’engager la suivante.

Le wireframing. Des maquettes, sans couleur ni image, qui posent la structure des pages et la hiérarchie de l’information. On valide l’ossature avant de dépenser une heure sur le design. C’est l’étape la moins chère pour changer d’avis.
Les maquettes UI/UX. On habille les wireframes : direction artistique, typographies, composants d’interface. C’est le moment où le site prend son visage définitif, écran par écran.
Le développement et l’intégration. Les maquettes deviennent des pages réelles, connectées au CMS et aux fonctionnalités. Beaucoup d’équipes travaillent en sprints, avec un backlog priorisé, pour livrer par itérations plutôt qu’en un bloc opaque.
Le responsive design. Non négociable. Le site doit être irréprochable sur mobile, tablette et desktop. Le trafic mobile domine sur la plupart des secteurs, et Google indexe d’abord la version mobile.
La recette. La phase que tout le monde bâcle par impatience. On teste tout en pré-production : formulaires, liens, affichage sur tous les navigateurs, comportements limites. Chaque anomalie détectée ici est une anomalie qui n’atteindra pas vos visiteurs. Rien ne part en ligne sans une recette signée.

Réussir la migration SEO sans perdre son référencement

Voici le point le plus risqué de tout le projet. Le jour de la mise en ligne, vos URLs changent. Si vous ne dites rien à Google, chaque ancienne adresse devient une erreur 404, et le référencement associé s’évapore. La réponse tient en trois mots : plan de redirections.

Concrètement, vous établissez une correspondance exhaustive entre chaque ancienne URL et sa destination sur le nouveau site. Une ligne par page. Aucune orpheline. C’est fastidieux, c’est vital. Google recommande d’utiliser des redirections 301 permanentes (ou 308) côté serveur : elles transmettent le signal « cette page a définitivement déménagé ici » et transfèrent l’essentiel du poids SEO vers la nouvelle adresse.

Attention aux chaînes de redirections. Quand une URL A redirige vers B, qui redirige vers C, vous créez des sauts successifs qui diluent le signal et ralentissent l’exploration. Le principe : chaque ancienne URL pointe directement vers sa destination finale, en un seul saut.

Profitez-en pour verrouiller le HTTPS. Si votre site n’était pas encore sécurisé, la refonte est le bon moment. Vérifiez que toutes les redirections pointent bien vers les versions HTTPS, sans boucle ni contenu mixte.

Le jour J passé, le travail continue. Soumettez votre nouveau sitemap dans Google Search Console, surveillez le rapport de couverture et traquez les 404 les jours suivants. Une redirection oubliée se voit là, et se corrige en quelques minutes. Enfin, gardez en tête le temps que met le référencement naturel à se stabiliser : même avec une migration propre, Google recrawle, réévalue, et les positions oscillent quelques semaines avant de se remettre en place. C’est normal. Ne paniquez pas au premier creux.

Les exigences techniques à ne pas négliger : performance et accessibilité

Un beau site qui rame ou qu’un lecteur d’écran ne peut pas lire, c’est un échec technique déguisé en réussite graphique. Deux volets se mesurent objectivement, avec des seuils publics : la performance web et l’accessibilité. Autant les inscrire dans le cahier des charges dès le départ.

Côté webperf, Google évalue trois métriques regroupées sous le nom de Core Web Vitals, et elles pèsent sur le classement. Elles mesurent la vitesse de chargement, la réactivité et la stabilité visuelle de vos pages, sur les visites réelles de vos utilisateurs.

Côté accessibilité, le RGAA (adossé aux WCAG) est la référence française. Il rend le site utilisable par tous, y compris les personnes en situation de handicap, et devient une obligation légale pour de nombreux acteurs.

Critère technique	Norme / référence	Seuil ou exigence à viser
Vitesse de chargement (LCP)	Core Web Vitals (Google)	LCP ≤ 2,5 s (au 75e percentile)
Réactivité aux interactions (INP)	Core Web Vitals (Google)	INP ≤ 200 ms (au 75e percentile)
Stabilité visuelle (CLS)	Core Web Vitals (Google)	CLS ≤ 0,1 (au 75e percentile)
Accessibilité numérique	RGAA 4.1.2 / WCAG	Conformité aux 106 critères de contrôle
Sécurisation des échanges	HTTPS	Certificat SSL actif sur tout le site
Compatibilité mobile	Responsive design	Affichage irréprochable sur tous les écrans

Retenez les chiffres qui comptent. Pour les Core Web Vitals, visez LCP ≤ 2,5 s, INP ≤ 200 ms et CLS ≤ 0,1 selon les seuils officiels des Core Web Vitals de Google. Pour l’accessibilité, la version 4.1.2 du RGAA compte 106 critères de contrôle. Vous n’êtes pas obligé de tout cocher dès le lancement, mais vous devez savoir où vous en êtes. Un audit d’accessibilité vous donne cette photographie.

Budget, délais et choix du prestataire : à quoi s’attendre

Personne ne peut vous donner un prix fiable sans connaître votre projet, et méfiez-vous de ceux qui le font. Jamais un forfait standard : le budget d’une refonte dépend du périmètre (partielle ou totale), du CMS retenu, de la part de sur-mesure, du volume de contenus à reprendre et de la complexité de la migration. Un site vitrine de dix pages et une plateforme e-commerce à mille références ne jouent pas dans la même catégorie.

Les délais suivent la même logique. Les phases qui pèsent le plus sur le planning sont l’audit, le cahier des charges, la conception et la recette. Ce qui rallonge tout, invariablement : les validations internes qui traînent, les contenus livrés en retard, les arbitrages repoussés. La production technique est rarement le plus long. C’est la prise de décision côté client qui l’est.

Reste l’arbitrage interne ou agence. En interne, vous gardez la main et vous maîtrisez la trésorerie, à condition d’avoir les compétences en design, développement et SEO réunies. Avec une agence web, vous achetez de l’expertise et un cadre, mais vous devez rester pilote via un cahier des charges solide, voire une mission d’AMO (assistance à maîtrise d’ouvrage) sur les gros projets. Pour trancher sans vous tromper, voici comment choisir la bonne agence pour votre site. Sur le volet accessibilité en particulier, appuyez-vous sur le référentiel RGAA édité par la DINUM pour cadrer précisément ce que vous attendez du prestataire.

Piloter le suivi après la mise en ligne

La refonte ne s’arrête pas au jour du lancement. C’est là qu’elle commence à prouver sa valeur, chiffres à l’appui. Les semaines qui suivent, surveillez ces indicateurs de près :

Les erreurs 404. Dans Google Search Console, le rapport de couverture révèle les URLs cassées et les redirections manquantes. À corriger en priorité.
L’indexation. Vérifiez que Google explore et indexe bien vos nouvelles pages. Un sitemap à jour et un contrôle régulier évitent les mauvaises surprises.
Les KPI de trafic et de conversion. Dans Google Analytics, comparez avant/après : sessions, taux de rebond, taux de conversion. C’est le verdict réel de la refonte.
Les positions. Suivez vos mots-clés stratégiques. Une baisse temporaire est normale ; une baisse qui dure signale un problème de migration à investiguer.

Ce qui sépare une refonte réussie d’une refonte ratée

Tout tient à deux moments. Le cadrage amont, qui décide de la pertinence de chaque euro dépensé. Et la migration SEO, qui protège le capital que vous avez mis des années à construire. Négligez l’un, vous refaites le travail. Négligez l’autre, vous repartez de zéro sur Google. Le reste (design, développement, recette) est du savoir-faire qui s’exécute proprement quand les fondations sont saines. Si vous voulez sécuriser ces deux points critiques avec des gens qui les traitent au quotidien, nous pouvons accompagner votre refonte de site.

Questions fréquentes sur la refonte de site web

Comment éviter de perdre son référencement lors d’une refonte ?

Établissez un plan de redirections 301 exhaustif : chaque ancienne URL pointe vers sa nouvelle adresse, sans exception. Limitez les chaînes de redirections en visant toujours un seul saut vers la destination finale. Après la mise en ligne, soumettez votre sitemap dans Google Search Console et traquez les erreurs 404 pendant plusieurs semaines. Une redirection oubliée se corrige en quelques minutes si vous la repérez vite.

Combien coûte une refonte de site web ?

Il n’existe pas de prix unique. Le budget dépend du périmètre (refonte partielle ou totale), du CMS choisi, de la part de sur-mesure, du volume de contenus à reprendre et de la complexité de la migration. Un site vitrine et une plateforme e-commerce n’ont rien de comparable. Méfiez-vous des forfaits standardisés annoncés sans connaître votre projet : demandez plutôt un devis détaillé, adossé à un cahier des charges précis.

Combien de temps prend une refonte de site ?

Le planning varie selon le périmètre. Les phases qui pèsent le plus sont l’audit, le cahier des charges, la conception, le développement et la recette. Ce qui allonge les délais n’est presque jamais la technique : ce sont les validations internes qui traînent, les contenus livrés en retard et les arbitrages repoussés. Un projet cadré, avec des décisions prises rapidement côté client, avance nettement plus vite.

Faut-il refondre tout le site ou faire des mises à jour partielles ?

Cela dépend de ce qui coince réellement. Si le problème est ciblé (une rubrique datée, un tunnel de conversion défaillant), une refonte partielle suffit. Une refonte totale se justifie quand l’architecture, le design et la technique sont dépassés simultanément, ou quand vous changez de CMS. Un site performant mais visuellement daté n’appelle souvent qu’une refonte graphique. Nommez précisément le problème avant de décider de l’ampleur des travaux.