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 WordPress | URL Webflow | Type | Notes |
|---|---|---|---|
/about-us/ | /about | Page statique | Supprimer la barre oblique finale |
/blog/2024/03/seo-tips/ | /blog/seo-tips | Élément CMS | Aplatir la structure de date |
/services/web-design/ | /services/web-design | Page statique | Garder le chemin |
/wp-content/uploads/guide.pdf | /assets/guide.pdf | Élément | Re-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 :
| WordPress | CMS Webflow |
|---|---|
| Articles | Collection Blog |
| Pages | Pages statiques (pas CMS) |
| Catégories | Collection Catégorie (référencée) |
| Étiquettes | Collection Étiquette (référencée) ou multi-sélection |
| Types de poste personnalisés | Collections CMS personnalisées |
| Bibliothèque de médias | Gestionnaire 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 ancien | Redirection 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/aboutpeut 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 :
| Test | Outil | Critères de réussite |
|---|---|---|
| Toutes les redirections se résolvent correctement | Screaming Frog | Zéro 404 des anciennes URL |
| Score PageSpeed mobile | PageSpeed Insights | 80+ (visez 90+) |
| Tous les formulaires se soumettent correctement | Test manuel | Les soumissions arrivent dans la boîte de réception/CRM |
| Les éléments CMS s’affichent correctement | Examen visuel | Aucune mise en page cassée, images manquantes |
| Disposition mobile sur iOS et Android | Appareils réels | Pas de débordement, texte lisible, boutons tactiles |
| Certificat SSL actif | Vérification du navigateur | Icône cadenas, aucun avertissement de contenu mixte |
| Le suivi Analytics se déclenche | Google Tag Assistant | Vues de page en cours d’enregistrement |
| Search Console connecté | Google Search Console | Sitemap 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 :
- Pointez le DNS de votre domaine vers l’hébergement Webflow
- Forcez SSL dans les paramètres d’hébergement de Webflow
- Soumettez le nouveau sitemap dans Google Search Console
- 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 site | Chronologie | Coût typique (AED) |
|---|---|---|
| Petit (moins de 20 pages, pas de blog) | 1-2 semaines | 8 000-15 000 |
| Moyen (20-100 pages, blog avec CMS) | 3-4 semaines | 15 000-35 000 |
| Grand (100+ pages, CMS complexe, intégrations) | 4-8 semaines | 35 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 :
- 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.
- 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.
- 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.