Votre site a 5 ans, il n'est pas responsive, les visiteurs partent en quelques secondes. Une refonte s'impose, mais par où commencer ? Selon BFM, un site internet a une durée de vie graphique limitée et nécessite une refonte tous les 4 ans en moyenne pour rester performant. Ce guide vous accompagne étape par étape pour réussir la modernisation de votre présence en ligne.
Pour optimiser le référencement de votre nouveau site, consultez notre article sur la stratégie de contenu SEO.
Quand refondre son site ?
Signaux d'alerte
Design daté : Votre site ressemble à 2015. Les visiteurs jugent votre crédibilité en quelques secondes.
Non responsive : Plus de 60 % du trafic est mobile. Un site non adapté perd ces visiteurs.
Performance médiocre : Temps de chargement > 3 secondes. Les Core Web Vitals sont dans le rouge.
Taux de rebond élevé : Les visiteurs partent sans interagir. L'expérience utilisateur pose problème.
Difficile à mettre à jour : Chaque modification nécessite un développeur. Le CMS est obsolète.
Évolution de l'activité : Nouveaux services, nouvelle cible, repositionnement. Le site ne reflète plus l'entreprise.
Refonte vs évolution
Évolution : Améliorations progressives sur la base existante. Moins risqué, moins coûteux, mais limité si les fondations sont mauvaises.
Refonte : Reconstruction complète. Plus ambitieux, plus risqué (notamment pour le SEO), mais permet une vraie transformation.
Phase 1 : Audit de l'existant
Audit technique
Avant de reconstruire, comprenez ce qui fonctionne et ce qui ne fonctionne pas :
• Performance : Temps de chargement, Core Web Vitals
• Mobile : Test de compatibilité mobile Google
• Sécurité : HTTPS, failles connues
• Accessibilité : Conformité RGAA/WCAG
• Code : Qualité, maintenabilité, dette technique
Audit SEO
Le SEO est le risque majeur d'une refonte. Documentez précisément :
• Pages performantes : Celles qui génèrent du trafic et des conversions
• Mots-clés positionnés : Ne pas perdre les acquis
• Backlinks : Liens entrants à préserver
• Structure d'URLs : Base pour le plan de redirection
Audit UX
Analysez le comportement des utilisateurs :
• Parcours utilisateur : Comment naviguent-ils ?
• Points de friction : Où abandonnent-ils ?
• Heatmaps : Où cliquent-ils, que regardent-ils ?
• Feedback : Que disent les utilisateurs ?
Audit de contenu
Inventoriez tout le contenu existant :
• Quelles pages garder, modifier, supprimer ?
• Le contenu est-il à jour ?
• Manque-t-il du contenu ?
• Les médias (images, vidéos) sont-ils de qualité ?
Phase 2 : Définition des objectifs
Objectifs business
Pourquoi refondre ? Définissez des objectifs mesurables :
• Augmenter les demandes de devis de 30 %
• Réduire le taux de rebond de 20 points
• Améliorer le temps passé sur site de 50 %
• Atteindre un score Core Web Vitals « bon »
Cibles et personas
Pour qui est ce site ? Définissez vos personas :
• Qui sont vos visiteurs types ?
• Quels sont leurs besoins, leurs frustrations ?
• Comment arrivent-ils sur votre site ?
• Quelle action attendez-vous d'eux ?
Fonctionnalités requises
Listez les fonctionnalités indispensables vs souhaitables :
• Must have : Formulaire de contact, responsive, blog
• Should have : Espace client, chat en ligne
• Nice to have : Configurateur produit, IA
Phase 3 : Cahier des charges
Contenu du cahier des charges
Présentation de l'entreprise : Contexte, activité, positionnement.
Objectifs du projet : Ce que vous attendez de la refonte.
Cibles : Personas, parcours utilisateurs attendus.
Arborescence : Structure des pages, navigation.
Fonctionnalités : Liste détaillée avec priorités.
Charte graphique : Identité visuelle, références, contraintes.
Contraintes techniques : Hébergement, CMS, intégrations.
Planning : Dates clés, jalons.
Budget : Enveloppe globale ou fourchette.
Erreurs à éviter
• Cahier des charges trop vague (« un site moderne »)
• Oublier le SEO et la migration
• Ne pas impliquer les utilisateurs finaux
• Sous-estimer le contenu à produire
• Budget irréaliste par rapport aux ambitions
Phase 4 : Conception
Wireframes
Schémas fonctionnels des pages principales. Pas de design, juste la structure et les éléments. Permet de valider l'ergonomie avant le design.
Maquettes graphiques
Design visuel des pages clés. Respecte la charte graphique. Plusieurs itérations jusqu'à validation.
Prototype interactif
Version cliquable des maquettes. Permet de tester les parcours utilisateurs avant le développement.
Validation
Faites valider chaque étape avant de passer à la suivante. Les modifications sont moins coûteuses en conception qu'en développement.
Phase 5 : Développement
Choix technologiques
CMS : WordPress, Drupal, headless CMS selon les besoins.
Framework : React, Vue, Next.js pour les sites complexes.
Hébergement : Mutualisé, VPS, cloud selon le trafic attendu.
Bonnes pratiques
• Développement mobile-first
• Performance intégrée dès le départ
• Code propre et documenté
• Tests réguliers
• Versioning (Git)
Environnements
• Développement : Pour les développeurs
• Recette : Pour les tests client
• Production : Le site live
Phase 6 : Migration SEO
Plan de redirection
C'est LE point critique. Chaque ancienne URL doit rediriger (301) vers la nouvelle URL correspondante.
• Exportez toutes les URLs de l'ancien site
• Mappez chaque ancienne URL vers la nouvelle
• Implémentez les redirections 301
• Testez chaque redirection
⚠️ Attention : Une redirection oubliée = une page 404 = perte de trafic et de backlinks. Soyez exhaustif.
Préservation du contenu SEO
• Conservez les balises title et meta description performantes
• Gardez la structure de titres (H1, H2...)
• Préservez le maillage interne
• Maintenez les données structurées
Soumission à Google
Après mise en ligne :
• Soumettez le nouveau sitemap dans Search Console
• Demandez l'indexation des pages clés
• Surveillez les erreurs de crawl
• Vérifiez les Core Web Vitals
Les spécialistes en refonte de site web peuvent sécuriser cette migration critique.
Phase 7 : Tests et recette
Tests fonctionnels
Vérifiez que tout fonctionne :
• Formulaires
• Navigation
• Liens internes et externes
• Fonctionnalités spécifiques
Tests multi-navigateurs
Chrome, Firefox, Safari, Edge. Desktop et mobile. Différentes tailles d'écran.
Tests de performance
• PageSpeed Insights
• GTmetrix
• WebPageTest
Tests d'accessibilité
• WAVE
• Axe
• Navigation clavier
• Lecteur d'écran
Phase 8 : Mise en ligne
Checklist pré-lancement
• Redirections en place et testées
• Sitemap généré et soumis
• Analytics configuré
• Sauvegardes en place
• SSL actif
• Mentions légales et RGPD
• Formulaires testés avec vraies soumissions
Jour J
• Basculez le DNS ou les fichiers
• Vérifiez immédiatement les pages clés
• Testez les formulaires
• Surveillez les erreurs serveur
Suivi post-lancement
• Surveillez le trafic (chute normale les premiers jours)
• Corrigez les bugs remontés
• Vérifiez l'indexation dans Search Console
• Analysez les Core Web Vitals en conditions réelles
FAQ
Combien coûte une refonte de site ?
Variable selon la complexité. Site vitrine simple : 3 000-10 000 €. Site avec fonctionnalités avancées : 10 000-50 000 €. E-commerce complet : 20 000-100 000 €+.
Combien de temps dure une refonte ?
Site vitrine : 2-3 mois. Site complexe : 4-6 mois. E-commerce : 6-12 mois. Prévoyez toujours une marge.
Vais-je perdre mon référencement ?
Risque réel si mal géré. Avec un plan de redirection rigoureux et une préservation du contenu SEO, vous pouvez maintenir voire améliorer votre positionnement.
Conclusion
Une refonte de site web est un projet stratégique qui mérite une préparation minutieuse. Audit approfondi, objectifs clairs, cahier des charges détaillé, migration SEO rigoureuse : chaque étape compte.
Ne vous précipitez pas. Prenez le temps de bien définir vos besoins. Choisissez des partenaires compétents. Et surtout, n'oubliez jamais le SEO : une belle refonte qui fait chuter votre trafic est un échec.
Pour aller plus loin, découvrez nos articles sur le Web Design et le Développement.
Image : © Bing Images, licence libre
