Refonte de site internet sur Webflow : comment réussir sa migration sans perdre son SEO ?
Une refonte sur Webflow se joue moins sur l’outil que sur le périmètre, le contenu à reprendre et la manière de migrer sans casser l’existant. Pour un site vitrine de quelques pages, un chantier peut rester contenu, quand un site avec blog, multi-langue ou migration de CMS change vite d’échelle.
- Trois variables déplacent le chiffrage avant le nombre de pages : les gabarits à redessiner, le volume de contenus à reprendre, et la présence ou non d’une bascule de CMS.
- Une refonte partielle reste défendable tant que l’arborescence tient ; c’est la dispersion des gabarits et du design system qui justifie de tout reprendre.
- Le risque SEO se concentre sur la bascule : plan de redirections préparé avant la mise en ligne, puis recette d’indexation URL par URL.
- Sur les sites Webflow d’une quinzaine de pages qu’on a livrés, des classes nommées par convention font gagner de l’ordre de 2 à 3 jours de retouches en fin de production.
- Une équipe marketing qui pilote ses landing pages et ses variations de campagne dans un CMS bien modélisé publie sans attendre une file de tickets côté technique.
Quel chantier acheter, et ce qu’on vérifie avant de refaire le site
Avant de comparer des devis, il faut savoir ce qu’on achète. La configuration la plus tenable est celle qui additionne le moins de changements à la fois.
Six scénarios, et ce qui fait monter la facture
- Refonte landing page Webflow : un parcours court et peu de contenus, mais un chiffrage qui suit le nombre de sections et de variantes de campagne.
- Refonte site vitrine Webflow : sur un site de 5 à 10 pages à remettre à niveau, le chiffrage tient au nombre de gabarits, à la reprise des contenus et aux formulaires à recâbler.
- Refonte site SaaS ou start-up avec blog ou CMS : la modélisation du CMS et les gabarits éditoriaux pèsent autant que le volume d’articles à reprendre.
- Refonte site e-commerce sur Webflow : la taille du catalogue et les variantes produit décident du volume, le tunnel d’achat se recompose à part.
- Refonte avec migration de CMS : changer de socle éditorial ajoute le mapping des contenus, le plan de redirections et la recette d’indexation.
- Refonte avec multi-langue ou localization : nombre de langues livrées, relecture par version, URL localisées à gérer ; ces postes se multiplient entre eux au lieu de s’additionner.
Additionner le moins de changements à la fois
Un site vitrine sans migration reste plus prévisible qu’un SaaS multilingue avec CMS, et une refonte partielle garde un intérêt si le socle éditorial tient encore. Pour cadrer le sujet avec un site WordPress source, le passage par une migration vers Webflow aide à poser les contraintes tôt.
Ce qu’on audite avant de refaire le site
Avant toute maquette, on liste ce qui reste, ce qui sort et ce qui doit bouger. Pages à garder, contenus à fusionner, suivi de conversion, formulaires, dépendances techniques et structure SEO forment le socle de travail, surtout si le site part d’un CMS existant. C’est le même inventaire que celui d’une mission de SEO sur Webflow, mené cette fois avant la production plutôt qu’après. Une refonte avec migration ajoute au chiffrage le mapping des anciennes URL, le plan de redirections et la recette d’indexation, et c’est souvent là que la préparation évite les mauvaises surprises.
Checklist SEO avant une migration vers Webflow
Les quatre premiers points se font avant la moindre maquette, les quatre suivants avant la bascule, les deux derniers après.
- Exporter toutes les URL indexables de l’existant, sitemap et crawl à l’appui.
- Rattacher à chaque URL son trafic, ses positions, ses backlinks et ses conversions.
- Trancher page par page : conserver, fusionner ou supprimer, avec la raison écrite.
- Mapper chaque ancienne URL vers sa nouvelle, y compris les fusions et les suppressions.
- Écrire les redirections 301 et les faire relire avant la mise en ligne, pas après.
- Vérifier les balises canoniques, le robots.txt, le sitemap et les métadonnées sur le staging.
- Crawler le staging entièrement et corriger les erreurs avant d’ouvrir au public.
- Geler les modifications de contenu pendant la fenêtre de bascule.
- Recrawler immédiatement après la mise en ligne : 404, chaînes de redirections, boucles.
- Suivre l’indexation et les requêtes dans Search Console les semaines suivantes, et corriger au fil de l’eau.
Publier sans dépendre du développement, et garder des classes propres
Webflow donne une autonomie éditoriale qui compte quand les équipes marketing publient souvent, et c’est l’une des raisons pour lesquelles une agence Webflow est consultée plutôt qu’un intégrateur classique. Sur Stockly, le CEO a pu éditer et publier le contenu lui-même après la livraison, sans revenir vers le studio. Ce type de fonctionnement convient aux sites vitrines et aux pages marketing à forte cadence.
- Nommer les classes selon une convention décidée au départ.
- Réutiliser les mêmes composants quand le besoin revient.
- Limiter les variantes de gabarits.
- Contrôler les retouches avant la livraison finale.
- Faire vivre le CMS au rythme du marketing : bien modélisé, il sert les pages event, les variations de campagne et la création de landing pages sans repasser par la production, ce qui fait gagner plusieurs jours par cycle à une équipe marketing.
- UX et conversion : sur une refonte, le parcours passe avant le graphisme. Sur Acadomia, l’intervention a porté sur le design et l’expérience du site d’inscription, et ce type de chantier vise d’abord la hiérarchie des informations, les points de friction et la qualité des formulaires, autrement dit le travail d’optimisation de la conversion. Sur The Luxurist, le travail a aussi touché le site sous Webflow, son CMS et les pages produit.
Des refontes du branding au CMS
Les contraintes changent d’un projet à l’autre : un template retravaillé pour un site vitrine, des composants imposés et une régulation nationale ailleurs, WooCommerce quand la marque vend en ligne.
Stockly
Acadomia
Dulcolax, groupe Sanofi
La méthode de refonte, du cadrage à la mise en ligne
Quatre temps, dans cet ordre. Chaque étape ferme des arbitrages ; ceux qu’on laisse ouverts se paient à l’étape suivante.
Fixer les objectifs et les arbitrages de départ
Le cadrage pose les objectifs mesurables, les contenus à reprendre et les validations à chaque jalon. Sans arbitrage de départ, le chantier gonfle entre les retours design, les ajustements de contenu et les demandes de dernière minute. Sur un projet comme <a href="/work/stockly">Stockly</a>, ce type de cadrage a aidé à concentrer le budget sur le produit plutôt que sur le volume de pages.
Livrable : objectifs mesurables, liste des contenus à reprendre, jalons de validation.
Recomposer l’arborescence, les gabarits et le design system
Recomposer l’<a href="/blog/arborescence-site-web">arborescence du site</a> à partir des pages qui servent encore. Définir les gabarits récurrents avant les maquettes détaillées. Nommer les classes avec une convention stable. Construire les composants réutilisables dans le design system, le cœur du travail de <a href="/agence-webdesign">webdesign</a> sur ce type de projet.
Livrable : arborescence cible, liste des gabarits, convention de classes, composants du design system.
Produire le site dans Webflow sans perdre les contenus
L’intégration se fait gabarit par gabarit, avec reprise des contenus validés et contrôle des états de page. C’est la partie qui mobilise un <a href="/developpeur-webflow">développeur Webflow</a>, parce qu’un gabarit mal structuré se paie sur toutes les pages qui l’utilisent. Structurer les classes par convention réduit nettement les retouches de fin de production.
Livrable : gabarits intégrés, contenus repris, états de page contrôlés.
Gérer les validations, les 301 et la bascule
La dernière ligne droite passe par les validations, les redirections 301, la recette d’indexation et le go-live. La recette sert à vérifier que les anciennes URLs renvoient vers les bonnes pages et que les contenus utiles restent trouvables. La documentation de <a href="https://developers.google.com/search/docs/crawling-indexing/site-move-with-url-changes" target="_blank" rel="noopener">Google Search Central sur les changements d’adresse avec modification d’URL</a> détaille l’ordre attendu : cartographier, rediriger, puis surveiller l’indexation. Sur une bascule de CMS, c’est là que se joue une grande partie du risque SEO.
Livrable : plan de redirections 301 relu, recette d’indexation, go-live.
Partielle, complète, migration : ce qui tranche
Trois questions dans l’ordre : le CMS laisse-t-il passer les évolutions, l’arborescence tient-elle encore, les gabarits et le design system sont-ils tenables ? Non à la première, c’est une migration ; non à l’une des deux suivantes, une refonte complète ; oui partout, une refonte partielle suffit.
Le bon niveau de refonte
- Refonte partielle : l’arborescence tient, seul le design a vieilli, les contenus utiles sont déjà là
- Refonte complète : l’UX et l’architecture sont à revoir, les gabarits et le design system sont trop dispersés
- Migration : le CMS bloque les évolutions, et le site change de socle éditorial
- Dans tous les cas, beaucoup de pages qui portent déjà du trafic imposent un audit SEO préalable
Quand ce n’est pas une refonte Webflow qu’il faut chiffrer
- Si le besoin dépasse ce qu’un CMS visuel sait porter, c’est un projet de site sur mesure qu’il faut chiffrer, pas une refonte
- Si deux colonnes de la grille se cochent en même temps, ce sont deux lots à chiffrer séparément, pas une refonte
- Après la bascule, les écarts d’usage qui restent relèvent d’un travail de design UI et UX à part entière, pas d’une reprise de la refonte
Après la mise en ligne, on vérifie l’indexation, les 301, les formulaires, les erreurs 404, le maillage interne et le suivi GA4. Si le site vient d’un autre CMS, la migration vise à limiter la perte de visibilité organique, et à la mesurer plutôt qu’à la promettre.
Partielle, complète ou migration : la grille de décision
Cette grille se lit ligne par ligne : dès qu’une situation vous concerne, elle pousse le chantier vers la colonne correspondante.
| Votre situation | Refonte partielle | Refonte complète | Migration |
|---|---|---|---|
| L’arborescence est encore pertinente | Adapté | Rarement nécessaire | Sans objet |
| Seul le design a vieilli | Adapté | Surdimensionné | Sans objet |
| L’UX et l’architecture sont à revoir | Insuffisant | Adapté | À évaluer |
| Le CMS bloque les évolutions | Insuffisant | À évaluer | Adapté |
| Beaucoup de pages portent déjà du trafic | Prudence | Prudence | Audit SEO préalable obligatoire |
| Les URL vont changer massivement | Plan de redirections | Plan de redirections | Plan de redirections et recette |
Deux colonnes cochées en même temps ne sont pas une contradiction : c’est le signal qu’il faut découper le projet en deux lots plutôt que de tout traiter d’un coup.
Ce qui fait monter la facture selon le type de refonte
Le budget varie surtout avec le nombre de pages, la présence d’un blog ou d’un CMS, la migration et la multi-langue. Les fourchettes par type de projet sont détaillées dans notre article sur le prix d’un site Webflow. Sur Stockly, un template Webflow professionnel à moins de 150 $ a servi de socle, entièrement retravaillé en direction artistique, et le site est sorti sous 10 000 € : un cadrage serré change la ligne de coût. À l’autre bout, les missions du studio vont de 10 000 € à plus de 500 000 € selon le périmètre, avec trois modèles de facturation : forfait, devis spécifique ou retainer. Le découpage poste par poste est détaillé dans notre article sur le prix d’un site internet.
| Type de refonte | Ce qui fait monter la facture | Pourquoi |
|---|---|---|
| Landing page Webflow | Nombre de sections, niveau de contenu, variantes marketing | Chaque variante ajoute une passe de design et une relecture |
| Site vitrine Webflow | Nombre de pages et qualité de reprise des contenus | Un contenu non trié se paie en allers-retours avant l’intégration |
| Site SaaS ou start-up avec blog ou CMS | Gabarits éditoriaux, blog, composants récurrents | Le CMS doit être modélisé avant d’être rempli |
| Site e-commerce sur Webflow | Catalogue, pages produit et parcours d’achat | Les variantes produit et les états de commande multiplient les écrans |
| Migration de CMS | Redirections, reprise de contenu, recette d’indexation | La recette se fait URL par URL et ne s’automatise pas entièrement |
| Multi-langue ou localization | Langues livrées et vérifications de version | Chaque langue ajoute une relecture complète et un jeu d’URL à contrôler |
Un devis qui n’explique pas la colonne « pourquoi » vend un montant, pas un périmètre.
Refonte partielle, complète ou migration ?
Trois questions pour situer le chantier. La réponse dépend de ce qui tient encore dans votre site, pas de l’envie de tout refaire.
Quand les gabarits, le design system et la logique de contenu sont trop dispersés, reprendre l’ensemble coûte moins cher que de rapiécer.
Le chantier commence par l’inventaire : pages à garder, contenus à fusionner, formulaires, suivi de conversion. Le CMS est modélisé avant d’être rempli, les classes sont nommées par convention, et le plan de redirections est prêt avant la mise en ligne.
Témoignages
La migration s’est faite sans perte de trafic. Les redirections, les métadonnées, tout était vérifié avant la mise en ligne. On n’a pas eu de mauvaise surprise.
Le design system Webflow livré nous a permis d’industrialiser nos pages campagne. On produit en deux jours ce qui nous prenait deux semaines.
On cherchait quelqu’un qui comprenne Webflow et le SEO en même temps. Les templates CMS ont été restructurés pour le référencement, et l’équipe marketing peut enfin publier sans casser les balises.
Ce qu’on entend avant une refonte
« On refait tout, autant repartir de zéro »
Une refonte partielle reste défendable tant que l’arborescence tient. Ce qui justifie de tout reprendre, c’est la dispersion des gabarits et du design system, pas l’âge du site.
« Le prix dépend du nombre de pages »
Trois variables déplacent le chiffrage bien avant le nombre de pages affiché : les gabarits à redessiner, le volume de contenus à reprendre, et la présence ou non d’une bascule de CMS. Un contenu non trié se paie en allers-retours avant l’intégration.
« On verra les redirections après la mise en ligne »
Le risque SEO se concentre sur la bascule. Le plan de redirections 301 s’écrit et se fait relire avant la mise en ligne, pas après, et la recette d’indexation se fait URL par URL. Une migration bien conduite vise à limiter la perte de positions, pas à promettre qu’il ne se passe rien.
« Un devis, c’est une mise en ligne »
À la livraison, l’équipe cliente devrait repartir avec un système, une documentation et des accès : le design system dans Webflow, les collections CMS modélisées, le plan de redirections appliqué, les accès complets au nom du client et une prise en main écrite. Si un devis ne dit rien de ces livrables, il vend une mise en ligne, pas une refonte dont vous garderez la main.
Questions fréquentes
À propos de l’auteur
Pages associées
Les pages les plus utiles selon le chantier que vous préparez.
Parler de votre refonte
On situe le chantier entre partielle, complète et migration, et on liste ce qui doit être audité avant la moindre maquette.