Skip to content

Migration WordPress vers Webflow : un guide complet étape par étape

Rédigé le 17 juin 2024 |Modifié le 26 mars 2026 | 9 min | Ezekiel Adewumi Ezekiel Adewumi
Migration WordPress vers Webflow : un guide complet étape par étape
Table des matières
  1. Quand la migration a du sens — et quand ce n'est pas le cas
  2. Étape 1 : Auditez votre site WordPress actuel
  3. Étape 2 : Configurez votre structure CMS Webflow
  4. Étape 3 : Construisez le site Webflow
  5. Étape 4 : Migrez votre contenu
  6. Étape 5 : Configurez les redirections 301
  7. Étape 6 : Configurez les paramètres SEO
  8. Étape 7 : Testez tout avant le lancement
  9. Étape 8 : Lancez et surveillez
  10. Chronologie de migration : à quoi s'attendre
  11. Votre prochaine étape
Points clés
  • Être honnête à ce sujet économise du temps et de l'argent à tout le monde.
  • Avant de toucher à Webflow, documentez tout sur votre site existant.
  • Mappez vos types de contenu WordPress aux collections CMS Webflow.
  • C'est la phase de conception et de développement.
  • Il y a trois approches, et la bonne dépend de la quantité de contenu que vous avez.
  • Chaque ancienne URL WordPress doit rediriger vers son équivalent Webflow en utilisant une redirection 301 (permanente).

Une migration WordPress vers Webflow prend 2 à 6 semaines selon la taille du site, et le plus grand risque n’est pas la construction — c’est de perdre vos classements SEO existants. Ce guide couvre l’ensemble du processus : audit de contenu, mappage d’URL, configuration du CMS, configuration des redirections et tests. Sautez une étape et vous en paierez le prix en trafic perdu.

Quand la migration a du sens — et quand ce n’est pas le cas

Passez à Webflow si :

  • Votre site WordPress a des problèmes de performance que vous ne pouvez pas résoudre par des mises à niveau d’hébergement et un nettoyage de plugins (PageSpeed inférieur à 60, TTFB supérieur à 800 ms)
  • Vous consacrez beaucoup de temps à la maintenance de WordPress — mises à jour de plugins, correctifs de sécurité, optimisation de base de données
  • Votre équipe de conception est bloquée par les limitations des thèmes et vous voulez un contrôle visuel sans développement PHP personnalisé
  • Vous reconstruisez de toute façon le site et n’avez pas besoin de fonctionnalités spécifiques à WordPress (WooCommerce, systèmes d’adhésion, configurations multilingues complexes)

Restez sur WordPress si :

  • Vous gérez une boutique de commerce électronique avec 500+ produits (WooCommerce est beaucoup plus mature que le commerce électronique de Webflow)
  • Vous avez besoin d’un support bilingue arabe/anglais complet avec RTL — WordPress gère cela mieux via WPML ou Polylang
  • Vous dépendez fortement des intégrations spécifiques à WordPress (plugins LMS, systèmes de réservation, flux de type de poste personnalisé)
  • Votre équipe de contenu publie quotidiennement et dépend de l’éditeur WordPress

Être honnête à ce sujet économise du temps et de l’argent à tout le monde.

Étape 1 : Auditez votre site WordPress actuel

Avant de toucher à Webflow, documentez tout sur votre site existant.

Inventaire du contenu :

  • Nombre total de pages (statiques + articles de blog + types de poste personnalisés)
  • Les pages qui reçoivent réellement du trafic (vérifiez Google Analytics — de nombreux sites WordPress ont des dizaines de pages sans visite)
  • Fichiers média qui nécessitent une migration (images, PDF, vidéos)
  • Formulaires et leurs destinations (formulaires de contact, inscriptions à la newsletter, aimants à leads)
  • Intégrations tierces (connexions CRM, processeurs de paiement, outils d’analyse)

Mappage d’URL :

Créez une feuille de calcul avec chaque URL de votre site actuel et son équivalent prévu sur Webflow. C’est le document unique le plus important de la migration.

URL WordPressURL WebflowTypeNotes
/about-us//aboutPage statiqueSupprimer la barre oblique finale
/blog/2024/03/seo-tips//blog/seo-tipsÉlément CMSAplatir la structure de date
/services/web-design//services/web-designPage statiqueGarder le chemin
/wp-content/uploads/guide.pdf/assets/guide.pdfÉlémentRe-télécharger vers Webflow

Vérifiez votre profil de backlink. Exécutez votre domaine via Ahrefs ou Google Search Console pour identifier les pages qui ont des liens externes pointant vers elles. Ces pages doivent avoir des redirections — perdre les pages liées signifie perdre l’autorité du domaine.

Étape 2 : Configurez votre structure CMS Webflow

Mappez vos types de contenu WordPress aux collections CMS Webflow.

Mappages courants :

WordPressCMS Webflow
ArticlesCollection Blog
PagesPages statiques (pas CMS)
CatégoriesCollection Catégorie (référencée)
ÉtiquettesCollection Étiquette (référencée) ou multi-sélection
Types de poste personnalisésCollections CMS personnalisées
Bibliothèque de médiasGestionnaire d’éléments Webflow

Décisions CMS clés à prendre tôt :

  • Format de slug : Webflow génère automatiquement les slugs à partir du champ Nom. Établissez votre convention de nommage avant d’importer du contenu.
  • Champs SEO : Ajoutez des champs personnalisés pour le titre méta, la méta-description et l’image OG sur chaque collection. Les champs SEO intégrés de Webflow fonctionnent, mais les champs personnalisés vous donnent plus de contrôle.
  • Texte enrichi vs champs structurés : Si vos articles WordPress utilisent ACF (Advanced Custom Fields) pour les mises en page structurées, envisagez d’utiliser les champs de composant de Webflow ou des champs CMS séparés au lieu de tout déverser dans du texte enrichi.

Étape 3 : Construisez le site Webflow

C’est la phase de conception et de développement. Les spécificités dépendent de votre projet, mais ces points sont universels :

  • Construisez le modèle de blog en premier. C’est la page la plus complexe basée sur le CMS et expose les problèmes de structure tôt.
  • Configurez les titres et descriptions méta dynamiques sur les modèles de collection en utilisant les champs CMS. Ne les laissez pas en tant que texte statique.
  • Configurez les balises Open Graph pour le partage social — titre, description, image.
  • Construisez mobile-first. Le trafic des Émirats arabes unis est à plus de 60% mobile — si la version mobile ne fonctionne pas parfaitement, la version de bureau est sans pertinence.

Étape 4 : Migrez votre contenu

Il y a trois approches, et la bonne dépend de la quantité de contenu que vous avez.

Pour les petits sites (moins de 50 pages) : Copier et coller manuellement. Fastidieux mais vous donne le résultat le plus propre. Utilisez cela comme une opportunité d’éditer et d’améliorer le contenu lors de la migration.

Pour les sites de taille moyenne (50-200 pages) : Exportez le contenu WordPress en CSV (en utilisant WP All Export ou l’outil d’export WordPress intégré), nettoyez les données dans une feuille de calcul, puis importez dans le CMS Webflow en utilisant la fonctionnalité d’importation CSV de Webflow.

Conseils d’importation CSV :

  • Nettoyez les balises HTML du contenu avant l’importation — le champ Rich Text de Webflow gère la mise en forme de base mais a du mal avec le balisage auto-généré de WordPress
  • Mappez les URL d’images à une colonne séparée et re-téléchargez les images vers le CDN de Webflow après l’importation
  • Testez avec 5-10 éléments avant d’importer l’ensemble complet des données

Pour les grands sites (200+ pages) : Envisagez un outil de migration comme Udesly ou un script personnalisé qui utilise l’API CMS Webflow pour envoyer du contenu par programme. C’est là qu’embaucher une équipe de développement Webflow paie souvent pour elle-même — les économies de temps lors d’une migration de 500 pages peuvent être importantes.

Étape 5 : Configurez les redirections 301

C’est l’étape que la plupart des migrations se trompent, et c’est celle qui cause le plus de dégâts.

Chaque ancienne URL WordPress doit rediriger vers son équivalent Webflow en utilisant une redirection 301 (permanente). Sans cela, Google considère vos anciennes pages comme des liens morts et vos nouvelles pages comme du contenu tout neuf sans autorité.

Dans Webflow : Allez à Paramètres du projet → Hébergement → Redirections 301. Vous pouvez ajouter des redirections individuellement ou en importer en masse via CSV.

Modèles de redirection courants :

Modèle WordPress ancienRedirection Webflow
/blog/2024/03/post-name//blog/post-name
/category/seo//blog?category=seo ou /blog
/tag/dubai/(rediriger vers la page pertinente ou l’index du blog)
/wp-content/uploads/file.pdf/assets/file.pdf
/?p=123 (anciennes URL numériques)/blog/actual-post-name
/feed/(supprimer ou rediriger vers le blog)

N’oubliez pas :

  • WordPress génère des dizaines d’URL système (/wp-admin/, /wp-login.php, /xmlrpc.php, /wp-json/) — redirigez les éléments publics et ignorez le reste
  • Vérifiez les différences de barre oblique finale — /about/ vs /about peut causer des boucles de redirection si elle n’est pas gérée
  • Testez chaque redirection avant d’aller en ligne en utilisant Screaming Frog ou un vérificateur de redirection de navigateur

Étape 6 : Configurez les paramètres SEO

Avant le lancement, vérifiez chaque élément SEO de votre site Webflow :

  • Sitemap : Auto-généré sur /sitemap.xml. Excluez les pages utilitaires (merci, protégé par mot de passe, pages de staging).
  • Titres méta et descriptions : Vérifiez chaque page statique et testez le modèle CMS avec les éléments de collection en direct.
  • Hiérarchie des titres : Un H1 par page, imbrication appropriée H2 → H3. Erreur courante Webflow — les concepteurs utilisent les balises de titre pour le dimensionnement visuel.
  • Texte alternatif de l’image : Doit être rempli sur chaque image. Webflow ne génère pas automatiquement de texte alternatif.
  • Données structurées : Ajoutez JSON-LD pour le schéma Organisation, Commerce local et Article via du code personnalisé.
  • URLs canoniques : Webflow les définit automatiquement, mais vérifiez qu’ils pointent vers les bonnes URL.
  • Robots.txt : Vérifiez que votre sous-domaine de staging est bloqué et votre domaine de production est ouvert.

Étape 7 : Testez tout avant le lancement

Liste de contrôle pré-lancement :

TestOutilCritères de réussite
Toutes les redirections se résolvent correctementScreaming FrogZéro 404 des anciennes URL
Score PageSpeed mobilePageSpeed Insights80+ (visez 90+)
Tous les formulaires se soumettent correctementTest manuelLes soumissions arrivent dans la boîte de réception/CRM
Les éléments CMS s’affichent correctementExamen visuelAucune mise en page cassée, images manquantes
Disposition mobile sur iOS et AndroidAppareils réelsPas de débordement, texte lisible, boutons tactiles
Certificat SSL actifVérification du navigateurIcône cadenas, aucun avertissement de contenu mixte
Le suivi Analytics se déclencheGoogle Tag AssistantVues de page en cours d’enregistrement
Search Console connectéGoogle Search ConsoleSitemap soumis, aucune erreur

Exécutez cette liste de contrôle deux fois — une fois sur le domaine de staging et une fois immédiatement après avoir pointé votre domaine de production vers Webflow.

Étape 8 : Lancez et surveillez

Jour du lancement :

  1. Pointez le DNS de votre domaine vers l’hébergement Webflow
  2. Forcez SSL dans les paramètres d’hébergement de Webflow
  3. Soumettez le nouveau sitemap dans Google Search Console
  4. Surveillez l’onglet Redirections pour les erreurs 404 au cours des premières 48 heures

30 premiers jours :

  • Vérifiez Google Search Console chaque semaine pour les erreurs d’exploration, les pages supprimées ou les problèmes d’indexation
  • Comparez le trafic organique semaine après semaine par rapport aux lignes de base pré-migration
  • Surveillez les Core Web Vitals — vos scores doivent s’améliorer par rapport à WordPress, mais vérifiez

Attendez une courte baisse. Même avec des redirections parfaites, Google prend 2-4 semaines pour se recrawler et réévaluer votre site. Une fluctuation temporaire de 10-15% du trafic organique est normale. Si vous voyez une baisse supérieure à 30%, vérifiez d’abord vos redirections — les redirections manquées en sont la cause 90% du temps.

Chronologie de migration : à quoi s’attendre

Taille du siteChronologieCoût typique (AED)
Petit (moins de 20 pages, pas de blog)1-2 semaines8 000-15 000
Moyen (20-100 pages, blog avec CMS)3-4 semaines15 000-35 000
Grand (100+ pages, CMS complexe, intégrations)4-8 semaines35 000-80 000+

Ces plages supposent une migration professionnelle avec préservation du SEO. Les migrations DIY sont moins chères au départ mais coûtent souvent plus cher en trafic perdu et correctifs post-lancement.

Votre prochaine étape

Si vous envisagez une migration, commencez par l’étape 1 : auditez votre site actuel. Spécifiquement :

  1. Vérifiez votre trafic. Ouvrez Google Analytics et identifiez les pages qui reçoivent réellement des visites organiques. Ce sont les pages que vous absolument ne pouvez pas perdre lors de la migration.
  2. Exportez votre liste d’URL. Utilisez Screaming Frog (gratuit jusqu’à 500 URL) pour crawler votre site WordPress et générer un inventaire d’URL complet.
  3. Estimez votre portée. Comptez vos pages, articles de blog et types de poste personnalisés. Cela détermine votre chronologie et votre budget.

Si la portée de la migration est plus grande que prévu, ou si vous avez un trafic organique important que vous ne pouvez pas vous permettre de perdre, parlez à une équipe qui a déjà fait cela. Une migration ratée peut prendre des mois à récupérer — et certains classements perdus ne reviennent jamais.

Besoin d'aide pour développer votre marque ?

Obtenez une session stratégique gratuite avec notre équipe.

Nous contacter
En lien

Plus d'articles
à explorer