Sommaire

Qu’est-ce qu’une refonte de site internet ? {#definition-refonte-site}

Une refonte de site internet désigne l’ensemble des opérations visant à repenser, restructurer et redévelopper un site web existant. Contrairement à une simple mise à jour graphique, la refonte englobe potentiellement le design, l’architecture, la technologie, les contenus et le référencement naturel du site.

Définition (optimisée featured snippet) : La refonte de site internet est le processus complet de reconstruction d’un site web — de son apparence visuelle à son architecture technique — dans le but d’améliorer ses performances, son expérience utilisateur et son référencement.

Selon une étude de HubSpot (2024), 76 % des consommateurs déclarent que le design d’un site influence leur perception de la crédibilité d’une entreprise. Un site obsolète ne nuit pas seulement à votre image : il pénalise directement votre chiffre d’affaires.

Chez Lueur Externe, agence web certifiée Prestashop Expert et AWS Solutions Architect basée dans les Alpes-Maritimes, nous accompagnons les entreprises dans leurs projets de refonte depuis 2003. Ce guide synthétise plus de 20 ans d’expertise en création web et migration SEO.

📌 À retenir : Une refonte ne se limite jamais au visuel. C’est un projet stratégique qui touche la performance, le SEO, l’UX et la conversion.

Pourquoi refondre son site web : les signaux d’alerte {#pourquoi-refondre}

Plusieurs indicateurs doivent vous alerter sur la nécessité d’une refonte. Voici les signaux les plus fréquents :

Indicateurs techniques

  • Temps de chargement supérieur à 3 secondes : Google confirme qu’au-delà de 3s, 53 % des visiteurs mobiles quittent le site
  • Score Core Web Vitals insuffisant : LCP > 2,5s, FID > 100ms, CLS > 0,1
  • CMS obsolète ou non maintenu (failles de sécurité critiques)
  • Site non responsive ou mal adapté aux mobiles (en 2025, 62 % du trafic web mondial est mobile)
  • Incompatibilité avec les standards web modernes (HTTP/2, WebP, lazy loading)

Indicateurs business

  • Taux de rebond supérieur à 70 %
  • Taux de conversion en baisse continue sur 6+ mois
  • Retours utilisateurs négatifs sur l’ergonomie
  • Positionnement stratégique de l’entreprise qui a évolué
  • Concurrents ayant refondu leur site récemment

Indicateurs SEO

  • Perte progressive de positions sur les mots-clés stratégiques
  • Architecture du site inadaptée à la stratégie de contenu actuelle
  • Contenu dupliqué ou cannibalisation de mots-clés
  • Structure de liens internes déficiente

📌 À retenir : Si votre site coche 3+ signaux dans cette liste, la refonte n’est plus une option — c’est une urgence stratégique.

Les différents types de refonte {#types-refonte}

Toutes les refontes ne se valent pas. Voici un tableau comparatif pour distinguer les différents niveaux d’intervention :

Type de refontePérimètreComplexité SEODurée moyenneBudget indicatif
Redesign visuelCharte graphique, UI uniquementFaible (si URL conservées)4-8 semaines2 000 – 8 000 €
Refonte partielleDesign + contenus + UXMoyenne6-12 semaines5 000 – 20 000 €
Refonte complèteDesign + technique + CMS + contenuÉlevée3-6 mois10 000 – 50 000 €
Refonte + migration CMSChangement de plateforme intégralTrès élevée4-8 mois15 000 – 80 000+ €
Refonte e-commerceCatalogue, tunnel, paiement, SEOMaximale4-10 mois20 000 – 100 000+ €

Comment choisir le bon type de refonte ?

Le choix dépend de trois facteurs :

  1. L’état technique actuel de votre site (audit nécessaire)
  2. Vos objectifs business à 2-3 ans
  3. Votre budget et vos contraintes de calendrier

Un simple redesign suffit si votre CMS est robuste et que seul l’aspect visuel pose problème. En revanche, si votre stack technique est vieillissante, une refonte complète s’impose.

Phase 1 : Audit complet avant refonte {#phase-audit}

L’audit pré-refonte est la fondation de tout le projet. Sans diagnostic précis, vous risquez de reproduire les erreurs du site actuel — ou pire, d’en créer de nouvelles.

Audit technique

  • Crawl complet du site avec Screaming Frog ou Sitebulb
  • Analyse des performances (Google PageSpeed Insights, GTmetrix)
  • Vérification du HTTPS, des redirections existantes, de la structure des URL
  • Inventaire des technologies utilisées (CMS, plugins, frameworks)
  • Test de compatibilité mobile

Exemple de crawl avec Screaming Frog (configuration recommandée)

Configuration Screaming Frog :
- Spider > Configuration > Crawl : All subdomains
- Limits > Max URL : illimité (ou adapté au site)
- Extraction personnalisée :
  - XPath : //h1 (vérifier unicité)
  - XPath : //link[@rel='canonical'] (vérifier cohérence)
  - Regex : hreflang (si multilingue)
- Export : Toutes les URL internes → CSV
- Export : Redirections existantes → CSV
- Export : Erreurs 4xx / 5xx → CSV

Audit SEO

  • Inventaire complet des URL indexées (via site:votredomaine.com et Google Search Console)
  • Analyse des positions (SEMrush, Ahrefs ou Sistrix)
  • Identification des pages générant du trafic organique (top 20 % des pages)
  • Profil de backlinks (domaines référents, ancres, pages cibles)
  • Analyse du maillage interne et de la profondeur de crawl
  • Vérification des données structurées (Schema.org)

Audit UX et contenus

  • Analyse des parcours utilisateurs (Google Analytics 4, Hotjar)
  • Identification des pages à fort taux de rebond
  • Inventaire des contenus (pages, articles, fiches produits)
  • Évaluation qualitative des contenus (pertinence, fraîcheur, SEO)

📌 À retenir : L’audit doit aboutir à un document de référence listant chaque URL, son statut (conserver, rediriger, supprimer, fusionner) et les actions SEO associées. Chez Lueur Externe, cet audit constitue systématiquement le livrable n°1 de tout projet de refonte.

Phase 2 : Cadrage stratégique et cahier des charges {#phase-cadrage}

Définition des objectifs

Avant de dessiner la moindre maquette, posez vos objectifs SMART :

  • Spécifiques : augmenter le trafic organique de 40 % en 12 mois
  • Mesurables : passer de 2 000 à 2 800 visiteurs organiques/mois
  • Atteignables : basés sur l’audit et l’analyse concurrentielle
  • Réalistes : cohérents avec le budget et les ressources
  • Temporels : échéance précise (ex. : mise en ligne T2 2025)

Rédaction du cahier des charges

Un cahier des charges de refonte doit couvrir :

  1. Contexte et objectifs du projet
  2. Analyse de l’existant (synthèse de l’audit)
  3. Cibles utilisateurs et personas
  4. Arborescence cible et plan de contenu
  5. Spécifications fonctionnelles (formulaires, filtres, espace client…)
  6. Spécifications techniques (CMS, hébergement, API, intégrations)
  7. Contraintes SEO et plan de migration
  8. Planning prévisionnel et jalons
  9. Budget et modalités

Choix du prestataire

Pour un projet de refonte, privilégiez une agence qui maîtrise à la fois le développement web, le SEO technique et l’UX design. Une expertise en migration SEO est non négociable — c’est la compétence qui différencie une refonte réussie d’un désastre de référencement.

Pour en savoir plus sur les bonnes pratiques en création de site, consultez notre hub dédié à la création web.

Phase 3 : Conception UX/UI et architecture {#phase-conception}

Nouvelle arborescence

L’arborescence est le squelette de votre site. Elle doit répondre à trois impératifs :

  • Logique utilisateur : l’information doit être accessible en 3 clics maximum
  • Logique SEO : chaque niveau de profondeur cible un cluster sémantique
  • Logique business : les pages de conversion sont mises en avant

Exemple d’arborescence SEO-friendly pour un site e-commerce

Accueil
├── Catégorie principale 1
│   ├── Sous-catégorie 1A
│   │   ├── Fiche produit 1A-001
│   │   └── Fiche produit 1A-002
│   └── Sous-catégorie 1B
├── Catégorie principale 2
│   ├── Sous-catégorie 2A
│   └── Sous-catégorie 2B
├── Blog / Ressources
│   ├── Hub thématique 1 (page pilier)
│   │   ├── Article cluster 1
│   │   └── Article cluster 2
│   └── Hub thématique 2 (page pilier)
├── À propos
├── Contact
└── Pages légales

Wireframes et prototypes

Les wireframes (zoning fonctionnel) précèdent toujours les maquettes graphiques. Ils permettent de valider :

  • La hiérarchie de l’information sur chaque template
  • Le placement des CTA et des éléments de conversion
  • La structure des titres (H1, H2, H3) pour le SEO
  • L’intégration des éléments de confiance (avis, certifications, logos)

Maquettes UI

La direction artistique doit conjuguer esthétique, ergonomie et performance. Quelques principes fondamentaux :

  • Design mobile-first (conception pour mobile en priorité)
  • Contraste et lisibilité (ratio WCAG AA minimum : 4.5:1)
  • Temps de chargement anticipé (formats d’images, animations CSS plutôt que JS)
  • Cohérence avec l’identité de marque

📌 À retenir : Validez l’arborescence et les wireframes AVANT de lancer les maquettes graphiques. Modifier une arborescence coûte 10x moins cher qu’une arborescence en phase de développement.

Phase 4 : Migration SEO — L’étape critique {#phase-migration-seo}

C’est ici que tout se joue. Une migration SEO bâclée peut anéantir des années de référencement naturel. Selon une analyse d’Ahrefs portant sur 165 000 sites ayant subi une migration, 74,4 % ont perdu du trafic organique dans les semaines suivant la mise en ligne.

Le plan de redirection

Le plan de redirection est le document le plus critique de toute refonte. Il fait correspondre chaque ancienne URL à sa nouvelle URL avec une redirection 301 (permanente).

Structure du plan de redirection

Ancienne URLNouvelle URLCode HTTPStatut de la pageTrafic organique (30j)Backlinks entrants
/ancien-produit-123/nouvelle-categorie/produit-123301Redirigée45012
/blog/ancien-article/ressources/nouvel-article301Redirigée1 20034
/page-supprimee/page-la-plus-proche301Redirigée803
/page-sans-trafic—410 (Gone)Supprimée00

Implémentation technique des redirections (Apache .htaccess)

# Redirections 301 unitaires - Plan de migration SEO
RewriteEngine On

# Redirection page par page
Redirect 301 /ancien-produit-123 https://www.exemple.com/nouvelle-categorie/produit-123
Redirect 301 /blog/ancien-article https://www.exemple.com/ressources/nouvel-article

# Redirection par pattern (catégories renommées)
RewriteRule ^ancienne-categorie/(.*)$ /nouvelle-categorie/$1 [R=301,L]

# Gestion des pages supprimées (code 410)
RewriteRule ^page-obsolete-1$ - [G]
RewriteRule ^page-obsolete-2$ - [G]

# Forcer HTTPS + www (normalisation)
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://www.exemple.com/$1 [R=301,L]

Checklist migration SEO détaillée

Voici la checklist que nous appliquons systématiquement chez Lueur Externe lors de chaque migration :

Avant la mise en ligne

  • Crawl complet de l’ancien site (export CSV de toutes les URL)
  • Cartographie des URL indexées via Google Search Console
  • Identification des top pages (trafic + backlinks)
  • Création du plan de redirection 301 exhaustif
  • Vérification que chaque ancienne URL a une correspondance
  • Préparation du nouveau sitemap.xml
  • Préparation du nouveau robots.txt
  • Implémentation des balises canonical sur toutes les pages
  • Vérification des balises hreflang (si site multilingue)
  • Transfert des données structurées (Schema.org)
  • Conservation ou optimisation des balises title et meta description
  • Vérification de la cohérence du maillage interne
  • Tests des redirections en environnement de staging

Pendant la mise en ligne

  • Activation des redirections 301
  • Vérification que le robots.txt ne bloque pas les bots
  • Suppression du noindex du site de staging
  • Soumission du nouveau sitemap dans Google Search Console
  • Demande d’indexation des pages stratégiques
  • Vérification du HTTPS sur toutes les pages
  • Test de toutes les URL critiques manuellement

Après la mise en ligne

  • Monitoring quotidien des erreurs 404 (Search Console + crawl)
  • Suivi des positions des mots-clés stratégiques
  • Comparaison du trafic organique semaine par semaine
  • Vérification de l’indexation des nouvelles pages
  • Correction des redirections manquantes
  • Surveillance des Core Web Vitals

📌 À retenir : Aucune URL générant du trafic ou ayant des backlinks ne doit aboutir en 404 après la refonte. C’est la règle d’or de la migration SEO.

Phase 5 : Développement et intégration {#phase-developpement}

Choix technologique

Le choix du CMS ou du framework dépend de vos besoins :

  • Prestashop : solution idéale pour le e-commerce français (Lueur Externe est certifiée Prestashop Expert)
  • WordPress : optimal pour les sites vitrine et les blogs à forte composante SEO
  • Solutions headless (Next.js, Nuxt.js) : pour les projets nécessitant des performances maximales
  • Solutions sur mesure : pour les besoins métier très spécifiques

Bonnes pratiques de développement pour le SEO

  • Rendu côté serveur (SSR) ou pré-rendu pour les frameworks JavaScript
  • Balisage sémantique HTML5 : utilisation correcte des balises <header>, <main>, <article>, <nav>, <footer>
  • Performance : compression Gzip/Brotli, mise en cache, CDN, lazy loading des images
  • Accessibilité : conformité WCAG 2.1 niveau AA minimum
  • Sécurité : HTTPS, headers de sécurité (CSP, HSTS, X-Frame-Options)

Environnement de staging

Le développement doit impérativement se faire sur un environnement de staging (préproduction) :

  • Protégé par mot de passe ou IP autorisées
  • Bloqué par noindex, nofollow dans le robots.txt et les meta tags
  • Réplique exacte de l’environnement de production
  • Permettant de tester les redirections avant la mise en ligne

📌 À retenir : Ne développez jamais directement en production. Un environnement de staging protégé est indispensable pour tester les redirections, la performance et la compatibilité avant le lancement.

Phase 6 : Recette, tests et validation {#phase-recette}

Tests fonctionnels

  • Navigation complète sur desktop, tablette et mobile
  • Formulaires de contact et processus de conversion
  • Tunnel d’achat complet (e-commerce)
  • Intégrations tierces (CRM, ERP, outils marketing)
  • Compatibilité navigateurs (Chrome, Firefox, Safari, Edge)

Tests SEO

  • Validation du plan de redirection (tester 100 % des URL redirigées)
  • Vérification des balises title et meta description sur chaque template
  • Vérification de l’unicité des H1
  • Test du sitemap.xml (absence d’URL en 404 ou redirigées)
  • Validation des données structurées (Google Rich Results Test)
  • Test de la vitesse de chargement sur les templates principaux
  • Vérification du robots.txt final
  • Contrôle des balises canonical

Tests de performance

  • Core Web Vitals sur chaque type de page
  • Test de charge (simulation de trafic élevé)
  • Temps de réponse serveur (TTFB < 200ms recommandé)

Nous recommandons de suivre les meilleures pratiques en matière d’optimisation des performances web pour garantir des résultats durables.

Phase 7 : Mise en production et suivi post-lancement {#phase-post-lancement}

Jour J : mise en ligne

Le lancement doit être planifié de préférence :

  • En début de semaine (lundi ou mardi) pour pouvoir réagir rapidement
  • En dehors des pics de trafic (éviter les périodes de soldes pour le e-commerce)
  • Avec toute l’équipe disponible (développeurs, SEO, chef de projet)

Suivi post-lancement : les premières 72 heures

  1. Heure H : vérifier que toutes les redirections fonctionnent
  2. H+1 : soumettre le sitemap dans Google Search Console
  3. H+4 : contrôler les premières erreurs 404 remontées
  4. Jour J+1 : analyser les premiers rapports de crawl
  5. Jour J+3 : comparer le trafic organique avec la même période de la semaine précédente

Suivi à moyen terme (3 à 6 mois)

Après une refonte, Google a besoin de temps pour recrawler et réévaluer l’intégralité du site. Selon John Mueller de Google :

« Il est normal d’observer des fluctuations de classement pendant quelques semaines après une migration. L’important est que les redirections soient en place et que le contenu soit de qualité. » — John Mueller, Google Search Advocate

Pendant cette période, surveillez :

  • L’évolution du trafic organique (comparaison année sur année)
  • L’indexation des nouvelles pages
  • Les erreurs de crawl dans Google Search Console
  • L’évolution des positions sur les mots-clés stratégiques
  • Le comportement des Core Web Vitals en conditions réelles

📌 À retenir : La refonte ne s’arrête pas à la mise en ligne. Les 3 à 6 mois suivants sont déterminants pour stabiliser et améliorer le référencement.

Checklist complète de refonte SEO {#checklist-complete}

Voici la checklist de synthèse regroupant les actions indispensables à chaque étape du projet de refonte :

Pré-refonte

  • Audit technique complet (crawl, performance, sécurité)
  • Audit SEO (positions, trafic, backlinks, contenu)
  • Audit UX (parcours utilisateurs, analytics)
  • Benchmark concurrentiel
  • Définition des objectifs SMART
  • Rédaction du cahier des charges
  • Choix du prestataire et de la technologie

Conception

  • Nouvelle arborescence validée
  • Wireframes validés (mobile-first)
  • Maquettes UI validées
  • Plan de contenu (pages à créer, modifier, supprimer, fusionner)
  • Stratégie de maillage interne définie

Migration SEO

  • Inventaire complet des URL existantes
  • Plan de redirection 301 exhaustif
  • Mapping des balises title et meta descriptions
  • Transfert des données structurées
  • Nouveau sitemap.xml préparé
  • Robots.txt final rédigé

Développement

  • Environnement de staging protégé
  • Balisage sémantique HTML5
  • Performance optimisée (images, cache, CDN)
  • HTTPS configuré
  • Balises canonical implémentées

Recette

  • Tests fonctionnels complets
  • Tests SEO (redirections, balises, sitemap)
  • Tests de performance (Core Web Vitals)
  • Tests multi-navigateurs et multi-devices

Post-lancement

  • Soumission du sitemap dans Search Console
  • Monitoring des erreurs 404 quotidien
  • Suivi des positions hebdomadaire
  • Suivi du trafic organique
  • Rapport de migration à M+1, M+3, M+6

Les erreurs fatales à éviter {#erreurs-fatales}

Après avoir accompagné des centaines de refontes depuis 2003, l’équipe de Lueur Externe a identifié les erreurs les plus destructrices :

Erreur n°1 : Oublier les redirections 301

C’est la cause n°1 de perte de trafic post-refonte. Chaque URL supprimée ou modifiée qui n’est pas redirigée génère une erreur 404, diluant le jus SEO et perdant les visiteurs.

Impact : perte immédiate de 30 à 60 % du trafic organique.

Erreur n°2 : Supprimer des contenus performants

Lors d’une refonte, on est tenté de “faire le ménage”. Mais supprimer une page qui génère du trafic ou des backlinks est une erreur critique. Si la page doit évoluer, réécrivez-la ; ne la supprimez jamais sans redirection.

Erreur n°3 : Lancer le site un vendredi soir

Cela semble anodin, mais un lancement en fin de semaine signifie que personne n’est disponible pour corriger les inévitables problèmes. Privilégiez toujours un lundi ou mardi matin.

Erreur n°4 : Négliger la performance

Un nouveau design spectaculaire qui met 6 secondes à charger est contre-productif. Google utilise les Core Web Vitals comme facteur de classement depuis 2021.

Erreur n°5 : Traiter le SEO en dernier

Le SEO n’est pas un vernis qu’on applique après la refonte. Il doit être intégré dès la phase de cadrage — dans l’arborescence, dans les URL, dans la structure des contenus, dans le maillage interne.

📌 À retenir : Intégrez un expert SEO dès le premier jour du projet de refonte. Le coût de la correction a posteriori est 10 à 50 fois supérieur au coût de la prévention.

FAQ — Questions fréquentes sur la refonte de site internet {#faq-refonte}

Combien coûte une refonte de site internet en 2025 ?

Le coût varie selon la taille et la complexité : de 3 000 € pour un site vitrine simple à 80 000 €+ pour un e-commerce complexe. Prévoyez toujours un budget dédié à la migration SEO (10 à 20 % du budget total) pour protéger votre référencement.

Comment refondre un site web sans perdre son référencement ?

La clé réside dans le plan de redirection 301 exhaustif, la conservation des contenus performants, le transfert des données structurées et un suivi post-lancement rigoureux pendant 3 à 6 mois.

Combien de temps dure une refonte ?

Comptez 6 à 10 semaines pour un site vitrine et 3 à 6 mois pour un e-commerce. La phase d’audit et de cadrage représente environ 25 % de la durée totale et ne doit jamais être écourtée.

Quand faut-il refondre son site internet ?

Quand le site a plus de 3-4 ans, que les performances se dégradent (vitesse, Core Web Vitals), que les conversions baissent ou que le CMS n’est plus maintenu. Un audit professionnel permet de poser un diagnostic objectif.

Quelle est la différence entre refonte et redesign ?

Le redesign ne concerne que l’aspect visuel. La refonte englobe le design, la technique, le CMS, les contenus et le SEO. Une refonte complète inclut souvent un redesign, mais l’inverse n’est pas vrai.

Faut-il changer de CMS lors d’une refonte ?

Pas toujours, mais c’est recommandé si votre CMS actuel est obsolète ou peu performant. Un changement de CMS complexifie la migration SEO et nécessite une expertise technique que des agences comme Lueur Externe maîtrisent parfaitement.

Peut-on refondre un site par phases successives ?

Oui, la refonte progressive est une stratégie viable, particulièrement pour les sites volumineux (1 000+ pages). Elle permet de limiter les risques SEO en migrant section par section, tout en surveillant l’impact de chaque phase avant de passer à la suivante.

Conclusion : passez à l’action {#conclusion-refonte}

La refonte de site internet est un projet complexe mais structurant. Bien menée, elle peut transformer vos performances digitales : +40 à +80 % de trafic organique, amélioration significative du taux de conversion, renforcement de votre image de marque.

Mal préparée, elle peut au contraire anéantir des années de travail SEO en quelques jours.

Les clés du succès tiennent en trois mots : audit, planification, suivi.

  • Auditez rigoureusement avant de toucher quoi que ce soit
  • Planifiez chaque redirection, chaque contenu, chaque balise
  • Suivez les indicateurs pendant 3 à 6 mois après le lancement

Depuis 2003, Lueur Externe accompagne les entreprises dans leurs projets de refonte et de migration SEO avec une méthodologie éprouvée. Certifiés Prestashop Expert et AWS Solutions Architect, nous maîtrisons aussi bien la dimension technique que la dimension stratégique de votre projet.

Vous envisagez une refonte de site internet ? Contactez les experts de Lueur Externe pour un audit gratuit de votre site actuel et un plan de migration SEO personnalisé. Protégez votre référencement et transformez votre présence digitale.

→ Découvrir nos prestations en création web