Développement web

Refonte de site web : préserver SEO, parcours et conversion

Jérémy Chomel Dawap
  • Publié le : 11 février 2024
  • Mis à jour le : 16 octobre 2026
  • Temps de lecture : 14 minutes
  1. Arbitrage : corriger, refondre un périmètre ou reconstruire
  2. Inventorier les URL, les contenus et les dépendances
  3. Construire une correspondance d’URL qui respecte l’intention
  4. Recevoir l’indexabilité et les liens du nouveau site
  5. Valider le rendu mobile et les interactions essentielles
  6. Tester chaque formulaire jusqu’à son destinataire métier
  7. Garder une mesure comparable avant et après la refonte
  8. Préparer une recette rejouable dans la CI et la préproduction
  9. Plan d’action : organiser la bascule et le retour arrière
  10. Cas fictif : migrer un site B2B sans perdre ses demandes
  11. Suivre la migration après l’ouverture publique
  12. Projet lié : préparer la relève du site Maison Jean
  13. Guides complémentaires pour les dépendances applicatives
  14. Conclusion : recevoir une migration qui reste utilisable et mesurable
Portrait de Jérémy Chomel

Le nouveau site est en ligne, les maquettes sont respectées et le formulaire affiche bien une confirmation. Pourtant, des anciennes pages renvoient vers l’accueil et certaines demandes n’arrivent plus dans le CRM. Une refonte peut réussir sa démonstration tout en provoquant une perte de contacts sur les chemins qui amenaient déjà des prospects.

En pratique, pour protéger le référencement et la conversion, commencez par un inventaire des URL et des parcours réellement utilisés. Chaque changement doit retrouver sa destination, son résultat attendu et la personne capable de le recevoir. Le choix graphique vient avec ces contraintes, dès les premières maquettes. Une refonte de site web sur mesure se reçoit donc sur les parcours autant que sur les gabarits.

Vous trouverez ici une méthode de migration : sélection du périmètre, correspondance des URL, contrôle des formulaires, recette mobile et conduite de la bascule. Les exemples chiffrés sont fictifs ; les critères d’ouverture doivent être définis sur vos propres usages, sans promettre le maintien automatique d’un classement Google.

Cette démarche s’inscrit dans notre accompagnement en développement web sur mesure. Lorsqu’un site dépend d’un CRM, d’un ERP ou d’une application interne, sa refonte doit aussi recevoir les échanges avec le SI, jusqu’à la création effective du dossier attendu.

Arbitrage : corriger, refondre un périmètre ou reconstruire

Une navigation peu claire, un CMS ancien et des demandes commerciales mal qualifiées peuvent avoir des causes différentes. Une reconstruction complète se justifie si le socle empêche les évolutions nécessaires ou si ses contraintes rendent les corrections disproportionnées. Paradoxalement, conserver le moteur et les URL peut mieux résoudre un problème de message commercial qu’une reconstruction complète, si le socle répond encore aux usages.

Réunissez marketing, responsables métier et équipe technique autour de parcours observables : trouver une prestation, comprendre une preuve, demander un devis et retrouver cette demande dans l’outil de suivi. Notez où le visiteur et les équipes rencontrent un obstacle. L’audit doit déboucher sur des choix de périmètre, avec leurs raisons.

Arbitrer entre correction ciblée et reconstruction

  • Conserver le socle et corriger le parcours si l’offre est comprise mais qu’un formulaire, un composant ou un gabarit bloque le parcours.
  • Ouvrir une refonte par périmètre si un ensemble cohérent de pages exige un nouveau socle et peut évoluer sans casser le reste.
  • Arbitrer une reprise globale lorsque les contraintes communes empêchent les résultats attendus et que les dépendances sont identifiées.
  • Différer la maquette finale lorsque personne ne peut encore expliquer les offres, les publics ou les contenus à conserver.

Le coût caché d’une ambition trop large apparaît dans les doubles validations, les contenus réécrits plusieurs fois et les ateliers de recette annulés. Demandez quels changements servent l’objectif du premier lot. Une fonctionnalité secondaire peut attendre sans supprimer les contrôles qui protègent les contacts et le référencement.

Inventorier les URL, les contenus et les dépendances

L’inventaire croise le crawl du site, les sitemaps, les données Search Console, les statistiques disponibles et les journaux serveur. Aucun de ces jeux ne suffit seul : une ancienne URL sans clic récent peut encore recevoir un lien externe ou servir dans un document commercial. Ajoutez les fichiers téléchargeables, les langues et les entrées de campagne.

Pour chaque URL, identifiez l’intention, le gabarit, les sources de visites, les conversions connues et la décision envisagée. Une donnée absente reste signalée comme inconnue. L’absence dans un export de performance ne prouve pas que la page est inutile, notamment quand la fenêtre observée exclut son activité saisonnière.

Relier une page à ce qui la fait fonctionner

Un formulaire peut dépendre d’un antispam, d’un service d’envoi, d’une API CRM et d’une tâche différée. Une page catalogue peut dépendre d’un cache alimenté par l’ERP. L’équipe technique recense ces destinations, leurs accès et leurs modes d’échec ; les métiers confirment le résultat qu’ils utilisent réellement après la visite.

Classez ensuite les contrôles par conséquence : perte d’un contact, mauvais prix, contenu inaccessible, lien historique rompu ou simple détail d’affichage. Cette hiérarchie détermine l’ordre de correction. Elle permet également d’organiser les essais sur les véritables dépendances, avec les autorisations et les interlocuteurs nécessaires.

Construire une correspondance d’URL qui respecte l’intention

Conservez une URL stable quand son contenu et son usage restent pertinents. Si elle change, recherchez la destination qui répond à la même demande. Une fusion rassemble les apports utiles dans une ressource maintenue ; elle ne consiste pas à envoyer tous les anciens articles vers une rubrique générale.

Les recommandations de Google Search Central sur les changements d’URL prévoient notamment une correspondance ancien/nouveau, des redirections permanentes et la mise à jour des liens. Elles invitent aussi à surveiller les deux périmètres et à conserver durablement les redirections. Des fluctuations peuvent survenir pendant la réexploration ; aucune procédure ne garantit une position inchangée.

Décisions illustratives pour un site B2B fictif.
Ancienne ressourceDécisionPreuve attendue
Page d’une prestation toujours vendueConserver son adresse et actualiser le contenu.Réponse 200, contenu accessible et lien de contact utilisable.
Deux guides sur la même migrationFusionner leurs apports et rediriger le guide retiré.Redirection permanente directe vers la ressource consolidée.
Offre arrêtée sans remplacement pertinentRetirer la ressource avec un statut adapté.Réponse 404 ou 410, retrait des liens et du sitemap.

Tester les variantes réellement rencontrées

Contrôlez les adresses avec paramètres, les variantes historiques connues et les liens vers des sections. Le fragment situé après le signe dièse n’arrive pas au serveur : une redirection ne peut pas choisir sa destination en fonction de cet élément. Conservez les identifiants utiles dans la nouvelle page ou corrigez les liens que vous maîtrisez. Par exemple, une ancre d’accès au formulaire doit encore mener au parcours de contact reçu après la fusion.

Le fichier de correspondance indique aussi qui valide la pertinence de la destination. Le développeur contrôle le statut et la chaîne ; le responsable du contenu vérifie que le lecteur retrouve la réponse promise. Une redirection qui fonctionne vers une page sans rapport échoue à ce second contrôle.

Recevoir l’indexabilité et les liens du nouveau site

Le nouveau gabarit doit exposer le contenu attendu, un titre cohérent et une adresse canonique appropriée. Vérifiez les statuts HTTP, les directives robots, les données structurées et les liens rendus dans le HTML. Une préproduction protégée ne doit pas transmettre accidentellement ses restrictions à la version publique.

Le sitemap contient les URL publiques canoniques destinées à l’indexation. Les pages fusionnées en sortent, tandis que les liens internes pointent directement vers les ressources conservées. Le sitemap aide à la découverte ; il ne remplace ni des liens accessibles ni une décision d’indexation prise par le moteur.

Éviter une réécriture éditoriale impossible à évaluer

Sur une page qui reçoit déjà une demande qualifiée, identifiez la promesse, les réponses et les preuves qui restent valides. Préservez-les pendant la migration, puis faites évoluer les passages devenus inexacts. Changer simultanément l’adresse, le sujet et le parcours commercial rend le diagnostic d’une baisse beaucoup plus difficile.

Les menus, les cartes de projets et les articles associés participent également à l’orientation. Vérifiez leurs destinations et leurs intitulés sur les gabarits réels. Une page encore présente dans le sitemap mais disparue de toute navigation mérite une décision explicite, surtout lorsqu’elle présente une prestation stratégique.

Valider le rendu mobile et les interactions essentielles

Une recette visuelle doit utiliser les contenus définitifs : titre long, tableau, coordonnées, documents et messages d’erreur. Contrôlez les tailles d’écran représentatives de vos visiteurs, puis les changements d’orientation et de taille de texte. La maquette seule ne révèle pas un bouton masqué par une bannière ou un clavier mobile. Le choix du socle frontend, backend et CMS doit rester compatible avec ces usages et les moyens de l’équipe qui maintiendra le site.

Le visiteur doit pouvoir ouvrir le menu, suivre les liens, utiliser le formulaire et comprendre les refus. Testez la navigation au clavier, la visibilité du focus, les libellés et l’ordre de lecture. Les retours d’erreur doivent indiquer l’action possible sans effacer les informations déjà saisies.

Rapprocher performance de laboratoire et données terrain

PageSpeed et Lighthouse permettent de reproduire des essais et de repérer des ressources coûteuses. Leurs scores varient avec le contexte de mesure. Les Core Web Vitals qualifient aussi l’expérience terrain avec LCP, INP et CLS ; leur lecture au 75e centile complète les essais de laboratoire quand les données sont disponibles.

Fixez des budgets de ressources et des parcours d’essai avant le développement : premier écran, ouverture du menu, saisie et envoi. Une moyenne sur la page d’accueil ne couvre pas un gabarit de service chargé par une autre campagne. Documentez appareil, réseau simulé, version et scripts actifs pour pouvoir comparer les résultats.

Tester chaque formulaire jusqu’à son destinataire métier

Le message « demande envoyée » prouve seulement ce que l’application a choisi d’afficher. La recette suit un identifiant de test depuis la saisie jusqu’au système utilisé par l’équipe commerciale : CRM, boîte de réception ou file de traitement. Elle vérifie les champs, la bonne attribution et les éventuelles pièces jointes.

Exercez aussi le double clic, le délai dépassé et l’échec du système destinataire. Le résultat peut être une demande enregistrée en attente de transmission ou un refus clair permettant une nouvelle tentative. Le choix dépend du service promis ; dans les deux cas, l’utilisateur et l’exploitant doivent pouvoir comprendre la situation.

Deux alertes discrètes à rechercher

  • Les confirmations augmentent, les dossiers commerciaux diminuent. Recherchez une rupture après l’enregistrement local ou une nouvelle règle d’attribution dans le CRM.
  • Les formulaires fonctionnent en navigation privée, puis échouent dans une session existante. Contrôlez consentement, cache, jetons et scripts avec les états réellement rencontrés.
  • Une demande devient deux contacts. Vérifiez les reprises différées et la clé utilisée pour reconnaître une transmission déjà effectuée.

Le responsable métier reçoit un dossier témoin et confirme qu’il peut le traiter. L’équipe technique conserve une trace adaptée au diagnostic, avec les données strictement utiles et des accès maîtrisés. Une vérification quotidienne peut ensuite rapprocher demandes enregistrées, transmissions réussies et anomalies restant à reprendre. Pour un formulaire transmis par une file, la journalisation distingue entrée acceptée, tentative d’envoi et sortie confirmée ; la responsabilité de reprise doit être attribuée avant la recette.

Garder une mesure comparable avant et après la refonte

Définissez séparément le début de formulaire, la soumission acceptée par le site et la création du dossier destinataire. Ces événements répondent à des questions différentes. Une soumission comptée deux fois peut améliorer artificiellement le taux affiché, tandis qu’une restriction de consentement peut réduire la mesure sans réduire les demandes réelles.

Conservez les définitions, les filtres et les segments employés avant la bascule. Si le plan de mesure change, notez la rupture et organisez une période de comparaison adaptée. Les visites internes, les demandes de recette et les traitements automatiques doivent être identifiables pour ne pas gonfler les résultats commerciaux.

Interpréter un recul sans déclencher un retour aveugle

Une perte de demandes confirmée par les dossiers et associée à une erreur de formulaire justifie une correction immédiate. Une variation quotidienne de position ou quelques clics manquants demandent une autre enquête : période comparable, saison, campagnes, requêtes, appareils et état d’exploration. La taille de l’échantillon limite les conclusions possibles.

Présentez au comité les faits techniques et les résultats commerciaux sur deux lignes distinctes. Cela évite de défendre une livraison défectueuse avec une hausse de trafic, ou d’annuler une migration saine parce qu’une courbe partielle bouge. Le responsable désigné arbitre sur les éléments disponibles et consigne ce qui reste incertain.

Préparer une recette rejouable dans la CI et la préproduction

La CI peut vérifier les routes, les redirections, les liens et des parcours automatisés. Les tests fonctionnels protègent les règles de validation et les échanges avec les dépendances maîtrisées. La recette métier complète ces contrôles sur une version identifiée, avec des jeux autorisés et des résultats attendus écrits.

La préproduction doit isoler les effets externes : destinataires d’e-mails, CRM de test et éventuels paiements. Une interface simulée permet de travailler avant l’accès au SI, mais son succès ne vaut pas réception de l’intégration réelle. Les réserves suivent le parcours jusqu’à l’essai dans l’environnement autorisé.

Recevoir une version, puis contrôler son installation

L’accord de recette identifie la version testée, sa configuration et les anomalies acceptées. Une correction qui change un formulaire impose de rejouer les cas concernés. Après installation en production, les contrôles vérifient également le domaine, les secrets, les destinations et le cache, qui diffèrent parfois des conditions de préproduction.

Le guide sandbox, recette et production d’une application refondue détaille cette séparation. Pour un site connecté au SI, elle évite notamment qu’un essai de démonstration crée une vraie demande ou qu’un traitement nocturne conserve une destination productive oubliée.

Plan d’action : organiser la bascule et le retour arrière

Le plan de bascule attribue les responsabilités de préparation, déclenchement, contrôle et décision d’arrêt. Le repli précise quelles entrées sont suspendues et quelles sorties vers les dépendances restent à rapprocher. Il précise l’ordre entre publication applicative, redirections, contenu, purge du cache et activation des traitements. Les équipes savent à qui signaler une anomalie et qui peut suspendre un parcours sans attendre une réunion improvisée.

Un retour arrière du code ne restaure pas automatiquement les données. Si de nouvelles demandes ont été enregistrées après l’ouverture, il faut les conserver et suivre leur traitement. Décrivez les écritures autoritaires, les rapprochements et les éventuelles opérations manuelles avant de décider qu’un ancien système peut reprendre les nouvelles entrées.

Écrire les conditions d’arrêt avant le jour de livraison

Une fuite de données, un parcours de contact indisponible ou une redirection essentielle incorrecte peuvent bloquer l’ouverture. Le seuil dépend de la conséquence et du périmètre reçu. Une imperfection visuelle sans effet sur l’accès peut devenir une réserve datée ; elle ne doit pas masquer un défaut de transmission commerciale.

Exercez la procédure sur un environnement adapté : retrouver la version précédente, rétablir une destination et identifier les dossiers créés pendant l’intervalle. La preuve utile est l’exécution de ces gestes par les personnes chargées de l’exploitation. Un document jamais essayé laisse inconnus les droits et les délais nécessaires.

Cas fictif : migrer un site B2B sans perdre ses demandes

Une entreprise fictive conserve 120 pages, dont 18 entrées identifiées comme importantes pour les demandes. Trois formulaires alimentent un CRM. Ces nombres décrivent uniquement l’exemple : l’équipe doit encore vérifier les autres pages, leurs liens et les usages qui ne remontent pas dans la mesure commerciale.

Le premier lot change les gabarits et consolide deux ressources proches. Il conserve l’adresse des prestations, remplace les liens vers l’article retiré et prépare une redirection directe. Chaque formulaire utilise un dossier témoin reconnu comme test, avec contrôle de son attribution et de sa réception dans le CRM.

Décider sur un échec réellement observé

La répétition d’une requête après un délai dépassé crée deux contacts. Le défaut bloque la réception de ce parcours ; l’équipe corrige la reconnaissance des demandes déjà transmises puis rejoue le scénario. Le taux global de réussite des autres tests ne compense pas ce résultat, car il ne supprime pas la conséquence commerciale.

Après l’ouverture, une ancienne URL reçoit encore des visites depuis une plaquette. Sa redirection fonctionne, mais le titre de destination ne permet plus d’identifier la prestation. Le responsable du contenu corrige l’accueil du lecteur. L’incident révèle pourquoi les statuts HTTP et la pertinence de la destination doivent être reçus séparément.

Suivre la migration après l’ouverture publique

Les premières vérifications portent sur les erreurs serveur, les URL migrées, les demandes reçues et les traitements en attente. Search Console apporte ensuite des éléments d’exploration, d’indexation et de performance dont le délai et l’exhaustivité doivent être pris en compte. Un contrôle direct de page et les journaux aident à diagnostiquer les incidents immédiats.

Comparez des groupes cohérents de pages et de requêtes sur des périodes comparables. Conservez le journal des changements pour rapprocher une anomalie d’une livraison précise. Si le volume ne permet pas d’attribuer un effet commercial, documentez cette limite au lieu d’annoncer une progression ou une régression certaine.

Erreurs fréquentes qui prolongent inutilement la migration

  • Réécrire et déplacer toutes les pages en une seule livraison. Séparez les changements lorsqu’un découpage utile permet d’identifier leurs effets.
  • Réparer seulement les URL visibles dans un outil. Rapprochez les sources et traitez les liens historiques encore utilisés.
  • Arrêter le suivi après la démonstration publique. Maintenez les responsabilités de correction et de transmission jusqu’à la stabilisation des parcours.
  • Confondre sauvegarde disponible et restauration possible. Recevez la procédure sur les composants nécessaires au fonctionnement du site.

Le plan d’action consiste à fermer les défauts qui empêchent l’usage, puis à observer les résultats avant d’ajouter des changements secondaires. Attribuez chaque réserve à une personne et à une prochaine vérification. La fin du projet dépend aussi du transfert des accès, des procédures et de la responsabilité de maintenance.

Projet lié : préparer la relève du site Maison Jean

Maintenir le site historique pendant la préparation de sa nouvelle génération

Le projet Maison Jean, du CMS Symfony 2.8 à la relève Symfony 8 présente une évolution de site et de CMS, puis la préparation d’une pile indépendante avec contrôles, sauvegardes et procédure de retour arrière. La référence distingue cette préparation d’une bascule déjà déclarée terminée.

Ce cas illustre l’intérêt de rapprocher contenus, données créées et conditions de livraison. Il ne fournit pas une mesure de maintien des positions SEO après migration. Pour votre site, les résultats d’acquisition doivent être observés avec vos propres données et les limites de comparaison documentées.

Guides complémentaires pour les dépendances applicatives

Le guide de sauvegarde et restauration après refonte approfondit les composants à retrouver ensemble lors du repli. Les contrôles de migration changent également lorsque le site porte des règles métier ou des échanges différés. Ces lectures approfondissent les points qui dépassent un changement de gabarit.

Préserver les règles commerciales d’une boutique

Le guide de refonte e-commerce et conservation des spécificités métier traite prix négociés, devis, commandes et rapprochement avec l’ERP.

Recevoir les tests qui protègent les parcours

L’article tests, QA et CI pour éviter les régressions complète l’organisation des scénarios et des contrôles rejouables avant chaque livraison.

Budgéter le travail après la mise en ligne

Le guide du coût d’une application métier et de sa maintenance aide à rendre visibles les intégrations, le support et les hypothèses du coût complet.

Conclusion : recevoir une migration qui reste utilisable et mesurable

Une refonte web s’appuie sur des décisions vérifiables : conserver une adresse, recevoir une destination, transmettre une demande et expliquer un incident. L’inventaire initial évite de découvrir ces responsabilités au moment où le nouveau site reçoit déjà des visiteurs.

La recette doit distinguer conformité technique, usage métier et résultat commercial. Les premiers se contrôlent sur une version et des scénarios identifiés ; le dernier demande du recul, une mesure comparable et une lecture prudente des volumes disponibles.

Pour engager le chantier, notre accompagnement en création et refonte de sites web sur mesure rapproche audit, parcours, développement et bascule. Les contraintes du SI et les preuves attendues sont définies avec vos interlocuteurs métier et techniques.

Dawap vous accompagne avec une équipe senior de développement web personnalisé pour construire des fonctionnalités adaptées et les intégrer à votre organisation. Le périmètre, les livrables et l’exploitation sont cadrés ensemble afin de livrer des itérations dont votre équipe peut réellement se servir.

Portrait de Jérémy Chomel

Préparer votre refonte web avec des contrôles de migration

Dawap cadre vos parcours, vos URL et les échanges avec votre SI pour livrer un site sur mesure et préparer son exploitation.

Besoin d’échanger sur votre projet ? Planifier un rendez-vous

Articles recommandés

Frontend backend et CMS pour un site web sur mesure Développement web Frontend, backend et CMS pour un site web sur mesure Lire l'article
  • 10 février 2024
  • Lecture ~28 min

Choisir entre thème, frontend dédié et CMS sur mesure dépend moins du nombre de pages que du coût de chaque évolution. Gabarits, formulaires, cache, publication et intégrations doivent rester séparés et testables. Cette grille aide à garder un site rapide à publier sans reporter la complexité sur les campagnes suivantes.

Architecture headless frontend backend Développement web Architecture headless : séparer frontend et backend sans créer une dette Lire l'article
  • 11 février 2024
  • Lecture ~33 min

Le headless vaut seulement s’il réduit le coût du changement sans disperser la vérité métier. Ce guide aide à cadrer frontend, backend, API, render, cache, SEO, QA, et retour arrière pour choisir le bon niveau de découplage, éviter la dette de run et garder un système lisible quand les interfaces se multiplient au quotidien.

Back-office métier : concevoir un outil qui réduit vraiment la saisie Développement web Back-office métier : concevoir un outil qui réduit vraiment la saisie Lire l'article
  • 12 février 2024
  • Lecture ~42 min

Un back-office métier utile retire la ressaisie, fiabilise les statuts et raccourcit les reprises. Le seuil décisif se voit quand un dossier incomplet se traite sans tableur, sans mail et sans support. Sinon, l’écran ajoute du confort visuel mais laisse le coût réel revenir dans le run et les validations, au quotidien.

Back-office métier : tests QA CI pour éviter les régressions Développement web Back-office métier : tests, QA et CI pour éviter les régressions Lire l'article
  • 31 mars 2025
  • Lecture ~33 min

Dans un back-office métier, tests, QA et CI doivent d’abord protéger statuts, droits, imports et reprises coûteuses. Ce guide montre comment cibler les flux critiques, fixer des seuils nets, prouver le retour arrière et éviter qu’une régression dérive vers support, retraitements manuels et perte durable de confiance métier.

Préparer votre refonte web avec des contrôles de migration

Dawap cadre vos parcours, vos URL et les échanges avec votre SI pour livrer un site sur mesure et préparer son exploitation.

Besoin d’échanger sur votre projet ? Planifier un rendez-vous