Une méthode structurée en 9 étapes réduit les risques de retard et de dépassement de budget.L'audit décomposé (UX, technique, SEO, contenus) est l'étape la plus négligée et la plus critique.Un plan de redirections 301 complet protège votre trafic organique lors du lancement.Le succès se mesure sur 6 à 12 mois grâce au suivi des KPIs dans Google Analytics 4.Se lancer dans une refonte sans méthode, c'est comme partir en randonnée sans carte : vous finirez par arriver, mais avec beaucoup de fatigue et de temps perdu. Selon une étude Semrush 2025, 67 % des refonte de sites web dépassent le budget initial faute de cadrage suffisant en amont. Voici les 9 étapes incontournables que nous suivons chez La Refonte pour garantir un résultat performant, sans mauvaise surprise.
Ce guide couvre l'ensemble du processus : de la décision de refondre jusqu'au suivi post-lancement. Chaque étape s'appuie sur des outils concrets (Google Search Console, Screaming Frog, PageSpeed Insights) et des retours terrain issus de projets PME réels.
Une refonte n'est pas un simple relooking. Changer la couleur du header ou mettre à jour le logo, c'est une mise à jour graphique. Une vraie refonte touche à l'architecture, aux contenus, au code et parfois à la technologie sous-jacente. Elle se justifie quand le site ne remplit plus ses objectifs business : génération de leads insuffisante, taux de rebond élevé, mauvaise expérience mobile, ou perte de positions SEO.
Trois signaux déclencheurs principaux : votre site date de plus de 4 ans et n'est pas responsive, votre taux de conversion stagne sous 1 % alors que votre secteur affiche 2 à 3 %, ou Google vous a signalé des problèmes Core Web Vitals dans la Search Console. On distingue trois types de refonte : graphique (identité visuelle), structurelle (arborescence et UX), et complète (technologie + contenus + design). La majorité des PME ont besoin d'une refonte complète pour réellement progresser.
Cas client : une PME industrielle de 45 salariés en Bretagne nous a contactés avec un site de 2018, non mobile et avec un score PageSpeed de 28/100. Six mois après la refonte complète, son trafic organique avait progressé de 74 % et le nombre de demandes de devis mensuelles était passé de 3 à 11. Le point de départ : suivre les 9 étapes ci-dessous sans en sauter une.
C'est votre contrat avec vous-même et avec l'agence. Sans cahier des charges précis, chaque décision devient un sujet de négociation, et le projet dérive. Définissez vos objectifs mesurables (exemple : +20 % de leads qualifiés en 6 mois), votre budget total, vos contraintes techniques (CMS imposé, hébergeur existant, intégrations CRM) et vos délais. Consultez notre template de cahier des charges refonte pour cadrer l'ensemble en moins de 2 heures.
Le cahier des charges doit également lister les fonctionnalités indispensables (formulaires, espace client, e-commerce) et celles qui sont des nice-to-have. Cette distinction vous permettra de prioriser si le budget doit être ajusté. Une règle simple : tout ce qui n'est pas écrit dans le cahier des charges ne sera pas fait, ou coûtera plus cher en cours de projet.
Pour une PME de 20 à 100 salariés, comptez 2 000 à 8 000 euros pour un site vitrine refait de A à Z avec 15 à 30 pages. Un site e-commerce de 500 références demande un budget de 15 000 à 40 000 euros. Consultez notre guide prix refonte de site web pour les fourchettes détaillées par type de projet. Source : Semrush Agency Survey 2025.
L'audit est l'étape la plus souvent bâclée, et c'est celle qui coûte le plus cher quand on la rate. Avant de tout effacer et de repartir de zéro, analysez ce qui fonctionne. Votre site actuel a peut-être des pages qui génèrent du trafic organique, des URL qui ont accumulé de l'autorité, des contenus que vos clients apprécient. Notre guide complet de l'audit de site web vous détaille la méthode pas à pas.
Un audit complet se décompose en quatre volets distincts. L'audit UX analyse les parcours utilisateurs via Google Analytics 4 (pages de sortie, entonnoirs de conversion, comportement mobile). L'audit technique passe en revue les erreurs 404, les temps de chargement avec PageSpeed Insights et les problèmes de crawl avec Screaming Frog. L'audit SEO dans Google Search Console identifie vos mots-clés qui rankent, vos pages indexées et vos backlinks à conserver. L'audit contenus classe chaque page en trois catégories : à conserver, à fusionner, à supprimer.
Cas client : un cabinet d'expertise comptable de Lyon a réalisé son audit avant refonte avec Screaming Frog et découvert 3 pages qui généraient 60 % de son trafic organique. Ces pages ont été migrées prioritairement avec leurs URL d'origine, ce qui a permis de maintenir le trafic SEO pendant toute la transition. Sans cet audit, ces pages auraient probablement été supprimées ou restructurées sans précaution. Source : Google Search Central Blog 2024.
L'arborescence, c'est le plan de votre futur site. Elle définit quelles pages existent, comment elles sont organisées entre elles et quel chemin l'utilisateur emprunte pour atteindre son objectif. Une mauvaise arborescence oblige vos visiteurs à chercher l'information pendant trop longtemps : ils partent. Une bonne arborescence fluidifie le parcours et augmente mécaniquement le taux de conversion. Pour approfondir ce sujet, consultez notre article sur refonte SEO qui couvre l'impact de la structure sur le référencement.
Pour construire votre arborescence, utilisez les données de l'audit UX : quelles pages sont les plus visitées ? Où les utilisateurs abandonnent-ils ? Complétez avec des ateliers de co-création (card sorting, user stories) qui impliquent vos équipes commerciales et vos clients. L'objectif est de 3 clics maximum pour accéder à n'importe quelle information stratégique du site. Testez vos prototypes de parcours avec 5 à 7 utilisateurs réels avant de valider la structure définitive.
La structure de navigation doit aussi intégrer les considérations SEO dès cette phase. Chaque page stratégique doit cibler un cluster de mots-clés précis, sans cannibalisation entre les pages. Un silo thématique bien construit (catégories > sous-catégories > articles) transmet l'autorité SEO de façon optimale. Selon les données Google 2024, les sites avec une architecture plate (moins de 3 niveaux de profondeur) sont mieux crawlés et indexés plus rapidement. Incluez le responsive design dès la conception : consultez notre guide responsive design pour les bonnes pratiques.
Le design arrive après la structure, pas avant. C'est une erreur classique que de commencer par la charte graphique sans avoir validé l'arborescence et les wireframes. Le design doit servir vos objectifs business : guider le regard vers les call-to-action, renforcer la confiance par la cohérence visuelle, et refléter votre positionnement. Un site "joli" qui convertit mal n'est pas un bon site. Selon Nielsen Norman Group (2024), les utilisateurs forment leur première impression visuelle en 50 millisecondes.
La phase de design commence par les wireframes (maquettes fonctionnelles en niveaux de gris) qui valident les emplacements des éléments, puis passe aux maquettes haute fidélité avec la charte graphique complète. Soumettez au moins deux directions créatives à votre client avant de partir en production. Chaque choix de design doit être argumenté par rapport aux objectifs : pourquoi ce placement du formulaire, pourquoi ces couleurs, pourquoi cette typographie.
La cohérence entre desktop et mobile est non négociable depuis que Google applique le mobile-first indexing. Votre design doit être validé sur les trois principaux points de rupture (320px, 768px, 1440px). Intégrez le design system dès cette phase : un ensemble de composants réutilisables (boutons, cartes, formulaires) qui garantit la cohérence visuelle sur l'ensemble du site et accélère le développement. Source : rapport Core Web Vitals Google 2025.
La préproduction, c'est la phase de développement sur un environnement isolé, invisible du public et des moteurs de recherche. Votre site actuel reste en ligne pendant toute cette phase. L'environnement de staging est une copie du futur hébergement, avec les mêmes configurations serveur, les mêmes versions de CMS et les mêmes extensions. Cette approche élimine les mauvaises surprises le jour du lancement.
Durant la préproduction, le développement front-end (intégration des maquettes en HTML/CSS/JS) et back-end (configuration du CMS, des formulaires, des connexions API) avance en parallèle. Des réunions de validation hebdomadaires permettent au client de suivre l'avancement et de valider chaque écran avant de passer au suivant. Un bon outil de suivi de projet (Notion, Linear, ClickUp) est indispensable pour éviter les allers-retours non documentés.
La performance technique se construit pendant la préproduction, pas après. Chaque image est optimisée en WebP dès l'intégration, les polices sont chargées avec font-display: swap, le code est minifié, et le cache est configuré côté serveur. Mesurez votre score PageSpeed Insights à chaque sprint et corrigez les régressions immédiatement. Viser 90+ sur mobile avant de passer en recettage. Source : Web Almanac 2025 (HTTP Archive).
C'est l'étape la plus critique du point de vue SEO, et la plus souvent négligée par les agences généralistes. Une redirection 301 indique aux moteurs de recherche qu'une URL a été déplacée de façon permanente vers une nouvelle adresse. Sans ce plan, chaque ancienne URL qui avait accumulé de l'autorité SEO disparaît dans le vide, entraînant une chute de trafic organique qui peut durer 6 à 12 mois. Consultez notre guide complet sur la refonte SEO pour tout comprendre sur la migration.
Pour construire ce plan, exportez la liste complète de vos URLs actuelles depuis Screaming Frog ou Google Search Console. Croisez cette liste avec vos données de trafic Google Analytics 4 pour identifier les pages à fort enjeu. Pour chaque URL existante, définissez sa destination : même URL conservée, nouvelle URL (redirection 301 obligatoire), ou contenu fusionné sur une autre page (redirection 301 vers la page absorbante). Documentez le tout dans un tableur avec trois colonnes : ancienne URL, nouvelle URL, statut.
Les erreurs fréquentes à éviter : les chaînes de redirections (A → B → C, au lieu de A → C directement), les redirections vers la page d'accueil en masse (Google les interprète comme des erreurs soft 404), et l'oubli des URLs avec paramètres UTM ou filtres de navigation. Testez l'ensemble du plan avec Screaming Frog avant le lancement. Une agence spécialisée en refonte SEO peut auditer votre plan pour s'assurer qu'aucune URL à fort trafic ne passe à travers les mailles. Source : Semrush Migration Guide 2025.
Les contenus comprennent les textes, images, vidéos et documents téléchargeables. Cette étape est souvent sous-estimée en durée : sur un site de 30 pages, l'intégration et la relecture représentent 15 à 20 % du temps total du projet. Commencez par les pages stratégiques (accueil, services, contact) avant les pages secondaires. Chaque texte doit être relu pour vérifier sa pertinence par rapport au nouveau positionnement défini dans le cahier des charges.
L'optimisation SEO on-page se fait pendant l'intégration, pas après. Pour chaque page, vérifiez : la balise title (max 60 caractères, mot-clé principal en tête), la meta description (max 155 caractères, incitative), le H1 unique qui reprend le sujet de la page, les H2 qui structurent le contenu, le texte alternatif de chaque image, et les liens internes vers les pages connexes. Utilisez Google Search Console pour identifier les requêtes qui déclenchent des impressions sur chaque page et optimisez les contenus en conséquence.
Les images doivent être compressées en WebP (économie de 30 à 50 % par rapport au JPEG) avec des dimensions adaptées à leur affichage réel sur la page. Utilisez l'attribut loading="lazy" pour toutes les images situées sous la ligne de flottaison. Les vidéos doivent être hébergées sur YouTube ou Vimeo et intégrées via iframe, jamais uploadées directement sur le serveur. Ces optimisations contribuent directement à votre score Core Web Vitals et donc à votre positionnement. Source : Google Developers Documentation 2025.
Le recettage est la validation finale avant le lancement. C'est une phase de tests systématiques, pas une simple relecture rapide. Un protocole de recettage structuré couvre quatre dimensions : fonctionnel (tous les formulaires envoient bien les données, les liens sont valides, les espaces membres fonctionnent), technique (score PageSpeed > 90, aucune erreur JavaScript en console, temps de réponse serveur < 200ms), visuel (rendu correct sur Chrome, Firefox, Safari et les principaux appareils mobiles) et SEO (balises title et meta description présentes sur toutes les pages, sitemap XML généré, robots.txt configuré).
Utilisez une checklist documentée et cochez chaque point avec la personne responsable. Les outils indispensables pour le recettage : BrowserStack pour les tests cross-navigateur, Google Lighthouse pour les Core Web Vitals, W3C Validator pour la conformité HTML, et un outil de monitoring de liens brisés. Chaque bug détecté est loggué avec son niveau de criticité (bloquant, majeur, mineur) et assigné à un développeur avec une deadline de correction.
Impliquez un utilisateur réel (client, collaborateur non technique) pour tester les parcours principaux. Cette personne repérera des problèmes évidents que l'équipe technique ne voit plus à force de regarder le même écran. Planifiez deux cycles de recettage avec une correction intermédiaire, et ne lancez pas tant que tous les bugs bloquants et majeurs ne sont pas résolus. Source : rapport Gartner sur la qualité logicielle 2024.
Le jour J, la bascule se fait en dehors des heures de pointe (tôt le matin ou le week-end). La séquence est précise : activation des redirections 301, mise à jour des DNS, activation du nouveau site, vérification des 20 URLs les plus importantes, soumission du sitemap XML dans Google Search Console, et désindexation de l'environnement de staging. Prévoyez 2 heures minimum pour cette phase et une équipe disponible pour corriger les éventuels problèmes à chaud.
Les deux premières semaines post-lancement sont critiques. Surveillez quotidiennement dans Google Analytics 4 : le trafic organique par page, le taux de rebond, les erreurs 404 dans Search Console, et les alertes de performance PageSpeed. Une chute de trafic de moins de 10 % dans les 48 heures est normale (délai de re-crawl Google). Au-delà de 20 %, vérifiez immédiatement vos redirections et l'indexation des nouvelles URLs.
Le suivi post-lancement s'inscrit dans la durée. Comparez vos KPIs à J+30, J+90 et J+180 avec la période équivalente de l'année précédente. Les métriques à suivre : sessions organiques, position moyenne dans Search Console, taux de conversion par page clé, et Core Web Vitals. Une refonte réussie produit ses meilleurs résultats entre 3 et 6 mois après le lancement, une fois que Google a réévalué l'ensemble du site. Source : Google Search Central 2024.
Suivre ces 9 étapes est l'assurance d'une refonte sereine et performante. Si vous sautez une étape, vous fragilisez l'ensemble de l'édifice. L'audit et le plan de redirections 301 sont les deux phases les plus souvent expédiées, et les deux qui génèrent le plus de problèmes post-lancement. La bonne nouvelle : une méthode rigoureuse ne coûte pas plus cher, elle évite les retours en arrière coûteux.
Pour aller plus loin dans votre préparation, consultez notre template de cahier des charges refonte, notre guide audit de site internet, et notre article sur le prix d'une refonte selon la taille du projet. Si vous souhaitez être accompagné, notre équipe est disponible pour un audit gratuit de votre site existant.
Une refonte se déroule en 9 étapes : cahier des charges, audit de l'existant (UX, technique, SEO, contenus), nouvelle arborescence, design UI, développement en préproduction, plan de redirections 301, intégration des contenus, recettage, puis lancement et suivi. L'ordre est important : ne pas démarrer le design avant d'avoir validé l'arborescence, et ne pas lancer sans avoir préparé le plan de redirections.
La durée varie selon la complexité. Un site vitrine PME de 10 à 20 pages prend 8 à 12 semaines. Un site e-commerce de taille moyenne demande 3 à 6 mois. La phase d'audit et de cadrage représente 20 à 30 % du temps total : ne la bâclez pas. Ajoutez 2 semaines pour le recettage et la migration.
Le développement web se structure généralement en 5 phases : cadrage et cahier des charges, design et maquettes, développement en staging, tests et recettage, puis mise en ligne. Dans le cadre d'une refonte, s'ajoutent en amont l'audit de l'existant et la préparation du plan de redirections SEO, ce qui porte le total à 9 étapes.
Oui, c'est même recommandé. La refonte se fait sur un environnement de staging distinct, invisible du public et des moteurs de recherche. Votre site actuel reste accessible jusqu'au jour de la bascule. Cette approche évite toute interruption de service et permet de tester sereinement avant le lancement.
Chaque URL de votre site actuel a potentiellement accumulé de l'autorité SEO (backlinks, historique d'indexation). Sans redirection 301, cette autorité disparaît quand l'URL change. Google doit ré-indexer toutes les nouvelles URL depuis zéro, ce qui provoque une chute de trafic organique pouvant durer 6 à 12 mois. Un plan de redirections complet préserve l'essentiel de votre capital SEO.
Définissez vos KPIs avant le lancement : trafic organique dans Google Analytics 4, positions dans Search Console, taux de conversion par page clé, score Core Web Vitals. Comparez les métriques à J+30, J+90 et J+180 avec la période équivalente précédente. Une refonte bien exécutée produit ses meilleurs résultats entre 3 et 6 mois après le lancement.
Découvrez les meilleures formations WordPress en 2026 : comparatif des programmes, prix, certifications et conseils pratiques pour maîtriser WordPress selon votre niveau et vos objectifs professionnels.
La marketplace PrestaShop permet de transformer une boutique classique en place de marché multi-vendeurs. Modules, coûts, configuration technique et stratégies de lancement : tout ce qu'il faut savoir pour réussir votre projet marketplace en 2026.
PrestaShop addons : découvrez les meilleurs modules pour booster votre boutique en ligne. Sélection par catégorie, comparatif gratuit vs payant, coûts réels et conseils d'installation pour les PME en 2026.
Comparez gratuitement les devis de nos partenaires sélectionnés et
économisez jusqu'à 30% sur votre budget IA.
