WordPress est un système de gestion de contenu (CMS) populaire qui permet aux utilisateurs de créer et de gérer facilement des sites web. Mais de plus en plus d’utilisateurs cherchent une alternative plus moderne et flexible à WordPress. C'est là que Webflow entre en jeu. Webflow est une plateforme de création de sites web Nocode, c’est-à-dire qui permet aux utilisateurs de créer des sites web professionnels sans avoir besoin de compétences en codage. Dans ce guide, nous allons vous montrer comment migrer de WordPress à Webflow.

Pourquoi migrer de WordPress à Webflow

Bien que WordPress ait révolutionné le marché de la création de sites web, l’outil présente de nombreux inconvénients et peine à se renouveler face à de nouveaux acteurs comme Webflow. Voici les principales limites que vous rencontrez avec WordPress.

Maintenance à gérer côté WordPress

Les mises à jour sont fréquentes et peuvent causer des problèmes de compatibilité avec les thèmes, les programmes et les plugins. Le processus peut être encore plus compliqué si vous utilisez de nombreux plugins. Webflow, quant à lui, propose des mises à jour intuitives et automatiques qui nécessitent moins de travail manuel.

Dépendance vis-à-vis des fournisseurs d'hébergement tiers.

L'hébergement directement depuis le site WordPress peut limiter les propriétaires et les concepteurs de sites web dans ce qu'ils peuvent faire avec leur site. De plus, les coûts annuels de l'hébergement WordPress sont généralement plus élevés que ceux des services d'hébergement tiers.

Webflow est à la fois un CMS, un créateur de sites web et une plateforme d'hébergement. Cela permet aux utilisateurs de tout gérer depuis un seul et même endroit.

Limitation de la liberté de conception

Bien que WordPress propose un grand nombre de thèmes et de plugins pour personnaliser l'apparence de votre site web, vous êtes très rapidement limités en termes de design et de liberté.

Par exemple, les thèmes WordPress ont souvent une mise en page prédéfinie, ce qui peut rendre difficile l'ajout de nouveaux éléments ou la modification de la structure de la page. Vous devez alors faire appel à des développeurs pour apporter des modifications via du code.

Une sécurité bancale

Les utilisateurs de WordPress étant très dépendants de plug-in tiers, ces derniers sont la principale source des failles de sécurité. Autre point important : il faut réaliser ses mises à jour soi-même. Certaines vieilles versions sont alors beaucoup plus exposées au risque. Webflow garde la main sur toutes ses fonctionnalités et ses mises à jour.

‍

Si vous souhaitez aller plus loin, vous pouvez consulter ce comparatif.

Étapes pour migrer de WordPress à Webflow

Étapes à suivre côté WordPress

Sauvegardez votre site web WordPress

Avant de commencer la migration, il est important de sauvegarder votre site web WordPress. Cela vous permettra de revenir en arrière en cas de problème pendant le processus de migration.

Exportez le contenu de votre site WordPress

Pour migrer votre contenu de WordPress à Webflow, vous devez d'abord exporter votre contenu. À noter que WordPress va vous rendre les données au format XML par défaut. Il va donc falloir le convertir le format CSV avant de l’importer dans Webflow.

Mais pas de panique. Il existe de nombreuses extensions pour cela. En voici quelques exemples :

• wp-csv
• wp-all-export
• WP Import Export Lite

‍

Après avoir téléchargé l’extension, il vous faudra activer l’extension dans WordPress.

Étapes à suivre côté Webflow

Créez un nouveau projet Webflow

Une fois que vous avez sauvegardé votre site web WordPress et exporté votre contenu, vous pouvez créer un nouveau projet Webflow. Si vous êtes nouveau sur Webflow, vous pouvez créer un compte gratuitement et commencer à explorer la plateforme.

Importez le contenu de votre site WordPress dans Webflow

Maintenant que vous avez créé un nouveau projet Webflow, vous pouvez importer le contenu de votre site WordPress. Pour ce faire, vous pouvez utiliser l'outil d'importation de Webflow et télécharger le fichier XML que vous avez exporté de WordPress.

Il faudra donc préalablement créer et configurer votre collection.

‍

Mappez vos champs

Dernière étape de cette migration, il faudra “mapper” – c’est-à-dire faire matcher – les champs de votre ancienne collection (les champs de votre fichier .csv) à votre nouvelle collection dans Webflow.

Créez les pages de votre site Webflow

Une fois que vous avez importé le contenu de votre site WordPress dans Webflow, vous pouvez commencer à créer de nouvelles pages de votre nouveau site Webflow. Vous pouvez utiliser les fonctionnalités de conception de Webflow pour créer des pages professionnelles et personnalisées.

On notera tout de même que designer des pages dynamiques peut s’avérer assez technique pour des non-initiés.

Il peut alors être judicieux de se faire accompagner par des experts car vous allez pouvoir capitaliser sur leur travail sur le long terme et ainsi gagner beaucoup de temps et en qualité.

Alegria.solutions peut vous accompagner dans vos projets.

Configurez votre nom de domaine et publiez votre site Webflow

Une fois que vous avez créé toutes les pages de votre site Webflow, vous pouvez configurer votre nom de domaine et publier votre site. Vous pouvez utiliser le service d'hébergement Webflow pour héberger votre site web.

Focus sur les images

Lors de l'importation d'images, il est important de s'assurer que les images soient correctement migrées. Nous avons ici deux cas de figure.

Images associées à des champs “image” dans le CMS

Si les images sont liées au champ d'images du CMS Webflow, leur téléchargement se fera automatiquement et vous n’aurez aucun problème.

Images associées au champ “rich text” dans le CMS

Si l'importation est liée à un champ de texte enrichi du CMS, comme un article de blog, les images seront importées à partir de leurs URL d'origine. Cela signifie que si le site d'origine est supprimé, les images cesseront d'apparaître. Pour éviter cela, il est conseillé de télécharger chaque image depuis le champ de texte enrichi et de les télécharger manuellement sur le CMS.

Nos conseils pour préserver votre SEO

C’est le sujet qui revient le plus souvent chez nos clients : comment effectuer une migration ou une refonte en préservant le SEO. Voici les points sur lesquels il faut être vigilant.

Mettre en place des redirections 301

Lors de la migration de votre site WordPress vers Webflow, il est essentiel de paramétrer les redirections 301 pour éviter que les visiteurs arrivant sur votre site via des liens de recherche ou des bookmarks soient redirigés vers des pages d'erreur 404.

Les redirections 301 sont des redirections permanentes qui indiquent aux moteurs de recherche que l'emplacement des pages a changé. Ils sont donc essentiels pour maintenir le classement de votre site dans les résultats de recherche et éviter les liens brisés.

Voici les étapes à suivre :

1. Allez dans les paramètres du projet
2. Rendez-vous dans la section “Publishing”
3. Remplir les champs “Old Path” et “Redirect to path:”

Si vous avez à gérer de nombreuses redirections, Finsweet nous a développés une magnifique extension qui nous permet de gagner énormément de temps grâce à un système de “bulk upload”.

Meta titles and descriptions

Durant cette migration, il est important de vérifier que les meta titles et descriptions de toutes vos pages soient correctement paramétrés et optimisés pour les mots-clés pertinents.

Alt Text

Pensez à vérifier que tous vos alt text sont correctement renseignés pour chaque image sur votre site. Cela peut aider à améliorer la visibilité de votre site dans les résultats de recherche d'images et à offrir une expérience utilisateur améliorée pour les personnes ayant des difficultés visuelles.

Paramètres DNS

Pensez également à faire vos redirections depuis votre DNS (Domain Name System) pour que les visiteurs arrivent sur la bonne version de votre site.

Open Graph

Regardez si vos images Open Graph sont correctement paramétrées pour offrir une expérience utilisateur optimisée sur les réseaux sociaux. Cela peut aider à augmenter le trafic vers votre site en encourageant les utilisateurs à cliquer sur vos liens.

Sitemap

La sitemap est essentielle pour permettre à Google de mieux naviguer entre vos pages. Pensez bien à activer la fonctionnalité offerte par Webflow pour l’auto-générer.

Allez dans :

1. Paramètres du projet
2. Onglet “SEO”
3. Section “Sitemap”

Résumé

Migrer de WordPress à Webflow peut sembler intimidant au début, mais avec notre guide complet, vous pouvez migrer votre site web WordPress vers Webflow. En suivant les étapes que nous avons décrites, vous assurez une migration réussie sans perdre votre référencement naturel et profiter des avantages de la plateforme Webflow.

Cela dit, une migration est un enjeu crucial et il n’est pas toujours évident de penser à tout et de mettre en place les bons systèmes de monitoring pour vérifier que tout se déroule comme prévu.

Si vous avez des doutes, il est vraiment conseillé de se faire accompagner par des experts Webflow afin de préserver vos pages et votre SEO.

Nous avons réalisé plus de 50 projets Webflow en moins de deux ans chez Alegria. N’hésitez pas à nous contacter si vous souhaitez parler de votre projet.