Comment migrer WordPress vers Webflow — Étapes à suivre !

Comment migrer WordPress vers Webflow — Étapes à suivre !
Published
Nov 23, 2022

Suivez notre guide étape par étape sur la manière de procéder correctement à cette migration de données tout en préservant le trafic et le classement de votre site !

Mais tout d'abord, une brève réponse à la question « Pourquoi nous voulons effectuer cette migration ».

Pourquoi migrer vers Webflow ?

Même si Wordpress est une excellente plateforme pour créer modèles Web, la charge de la maintenance constante du site, la dépendance à l'égard de fournisseurs d'hébergement tiers et la liberté de conception limitée ne sont que quelques-unes des raisons pour lesquelles les concepteurs et les développeurs Web devraient et choisissent de migrer leurs sites WordPress vers Webflow.

La réduction du travail de codage et la facilité des composants par glisser-déposer facilitent et accélèrent le développement du site, ce qui, en fin de compte, contribue à la croissance de votre entreprise.

Vous devez suivre les étapes lors de la migration de votre contenu

Ci-dessous, nous commencerons par des instructions étape par étape sur la façon d'exporter votre base de données du CMS WordPress vers Webflow, puis nous vous proposerons quelques extras liés au référencement que vous devez connaître. La première et la plus importante étape de la migration de votre base de données de WordPress vers Webflow consiste à exporter votre contenu.

Pour ce faire, vous pouvez procéder de deux manières :

  • Exporter la base de données via la fonctionnalité d'exportation intégrée de WordPress
  • Exportation de la base de données via des plugins d'exportation de données CSV externes

Bien que les données puissent être exportées via la fonctionnalité intégrée de WordPress, elles seront exportées par défaut au format .xml. Par conséquent, nous vous recommandons d'utiliser la deuxième option via le plugin CSV, qui exporte les données de votre site Web sous forme de fichier CSV et est donc compatible pour être ensuite importées dans Webflow.

1. Installation du plugin

Tout d'abord, vous devez télécharger le plugin. Pour ce faire, rendez-vous dans l'onglet plugins de votre tableau de bord d'administration WordPress, puis sélectionnez le bouton « Ajouter un nouveau » et recherchez »Exportez toutes les données WordPress au format XML/CSV».

xml and csv Plugin installation in Wordpress

Une fois l'installation terminée, cliquez sur le bouton « Activer » pour pouvoir l'utiliser.

export any wordpress data to xml/csv

2. Spécifier le contenu à exporter

Une fois l'activation terminée, vous devez choisir le contenu que vous souhaitez exporter et celui que vous souhaitez exclure. Accédez aux paramètres « Toutes les exportations » sur votre panneau de gauche et sélectionnez votre contenu !

The process of exporting the wordpress content to XML/CVS when migrating to Webflow

Une fois cela fait, cliquez sur le bouton « Migrer les publications » puis sur « Confirmer et exécuter l'exportation » et votre fichier CSV sera téléchargé sur votre navigateur. Enfin, une fois le fichier CSV prêt, cliquez sur le bouton CSV pour télécharger votre fichier.

export the wordpress content to XML/CVS when migrating to Webflow

3. Importer votre contenu dans Webflow

Maintenant que vous avez terminé de télécharger votre contenu, l'étape suivante consiste à l'importer dans le CMS Webflow.

Voici comment procéder :

  • Ouvrez le panneau de vos collections sur Webflow
  • Choisissez une collection déjà existante, ou
  • Créez une nouvelle collection
Process of Importing your content to Webflow from wordpress
  • Cliquez sur importation bouton dans les paramètres de votre collection
importingthe content when migrating wordpress to Webflow

Soyez au courant que Webflow offre aux utilisateurs la possibilité d'importer gratuitement jusqu'à 50 articles de la collection sur un plan de site de démarrage.

Pour en télécharger davantage, vous devez passer au plan CMS ou au plan de site professionnel, qui vous permet de télécharger jusqu'à 2 000 articles de collection pour le plan CMS et jusqu'à 10 000 pour le plan Business.

Notez également que la taille maximale d'un fichier CSV est de 4 Mo.

  • Choisissez la ligne d'en-tête

Après avoir téléchargé vos données, une fenêtre s'affichera vous demandant de sélectionner une ligne d'en-tête.

uploading CSV file in Webflow when migrating from Wordpress

Quelle que soit l'option que vous choisissez à cette étape du processus, que vous choisissiez ou non une ligne comme en-tête, vous pouvez modifier la ligne d'en-tête ultérieurement à l'étape suivante, en cochant ou en décochant le bouton « Ligne d'en-tête ».

mapping the fields when migrating wordpress to Webflow - Wedoflow

4. Cartographie des champs

La dernière étape du transfert des données consiste à mapper les champs du CSV avec ceux de votre collection. Après cela, il vous suffit de sélectionner le bouton d'importation et tout sera téléchargé dans votre panneau Collections.

mapping the fields when migrating wordpress to Webflow

Vous pouvez associer votre contenu à un champ existant de votre collection, créez-en une nouvelle ou ignorez complètement cette ligne.

how to migrate Wordpress to Webflow, process explained

Importer des images : que faut-il prendre en compte ?

Lorsque vous importez des images, vous devez veiller à les formater correctement. Si les images sont mappées sur le champ d'images du CMS Webflow, par exemple, une image de héros, le téléchargement se fera automatiquement.

Toutefois, si l'importation est mappée à un champ de texte enrichi du CMS, par exemple un article de blog, les images seront importées à partir de leurs URL sources. Cela signifie que si le site d'origine est supprimé, les images cesseront de s'afficher. Pour éviter cela, téléchargez chacune des images depuis les champs de texte enrichi et téléchargez-les manuellement dans le CMS.

Conseils supplémentaires à prendre en compte

Malgré les aspects techniques spécifiques de la migration, il existe d'autres conseils importants à prendre en compte avant de procéder à la migration. Le processus de migration peut avoir un impact sur votre référencement, mais s'il est effectué correctement, il peut réellement améliorer le classement et le trafic de votre site.

Documentez et auditez votre site existant

Tout d'abord, avant de migrer, conservez une documentation de sauvegarde de votre site Web WordPress, cela vous aidera en cas de complications au cours du processus de migration.

Poursuivez ensuite l'audit de vos pages et de vos URL. Vous saurez ainsi quelles pages génèrent le plus de trafic et déciderez s'il convient de les transférer vers votre nouveau site Web ou de configurer des redirections.

Création de nouvelles URL pour vos pages existantes

Après avoir choisi les pages que vous souhaitez transférer vers le nouveau site Web, vous devez commencer à mapper ces pages avec les nouvelles URL. Les nouvelles URL doivent être identiques ou aussi similaires que possible aux anciennes, sinon leur modification complète pourrait affecter le trafic de votre site.

Configuration des redirections

Les pages cassées sont l'une des principales raisons qui poussent vos visiteurs à se détourner et à aller ailleurs. C'est pourquoi vous devez éviter de supprimer vos pages sans configurer de redirections.

Il est important de configurer des redirections 301 pour diriger vos utilisateurs vers votre nouvelle page lorsqu'ils essaient de consulter vos anciennes URL. De cette façon, vous ne perdrez pas les liens entrants de votre page et une page 404 cassée ne leur sera pas montrée.

Vous pouvez le faire simplement en trois étapes :

  1. Accédez aux paramètres du projet
  2. Tapez vos liens dans les champs « Ancien chemin » et « Rediriger vers la page » ;
  3. Cliquez sur le bouton « Ajouter un chemin de redirection ».

Ajoutez des méta-titres et des descriptions appropriés

Google lit les balises de titre et les méta-descriptions de votre site Web pour déterminer de quoi il s'agit et quels mots clés sont appropriés pour le classer. Elles fournissent des informations sur le contenu de votre page.

Même s'ils ne jouent pas un rôle direct dans le classement de votre site, ils jouent un rôle crucial en contribuant au classement et sont très importants pour améliorer votre taux de clics et donner de la visibilité à votre site.

Pour les ajouter, rendez-vous dans le « panneau Pages », cliquez sur les paramètres de référencement, puis ajoutez une balise de titre ou une méta description.

adding meta tags in Webflow when migrating from Wordpress to Webflow platform

Mettre à jour les balises Alt

Tout en étant très importantes pour rendre le site Web accessible aux personnes aveugles ou malvoyantes, les balises alt sont également essentielles pour améliorer l'optimisation des recherches de votre site. Plus vous décrirez vos photos avec précision à tous les visiteurs, plus il sera facile pour les moteurs de recherche de reconnaître et de comprendre ces informations.

Pour ajouter du texte alternatif, procédez comme suit :

  • Cliquez sur l'image sur la toile
  • Accédez au panneau Paramètres des éléments et sélectionnez Paramètres de l'image
  • Passez la souris sur la section de texte Alt et sélectionnez Description personnalisée
  • Entrez le texte alternatif dans le champ situé sous la liste déroulante
how to update alt tags when migrating Wordpress site to Webflow
Résumé

Même si cela peut sembler difficile à première vue, suivre les étapes ci-dessus vous permettra de migrer votre site plus facilement et en toute simplicité. Bien que le transit puisse prendre un peu de temps, les résultats en valent la peine.

Vous allez adorer les fonctionnalités incroyables qu'offre Webflow, notamment des options de personnalisation sophistiquées, une vitesse de chargement de premier ordre, un CMS convivial sans maintenance, un hébergement Web hautes performances inclus, une sécurité haut de gamme et bien d'autres.

Lors de la migration vers Webflow, vous pouvez utiliser et vous inspirer de notre expérience utilisateur créative et sans faille sur certaines de nos récentes Modèles Webflow destiné à tous les utilisateurs et à tous les secteurs d'activité. Nous espérons que ce guide vous sera utile et informatif et que vous éviterez les erreurs que de nombreuses personnes commettent lors de ce processus de migration.

Most read articles:
Qu’est-ce que Webflow ? Une exploration globale
Meilleurs modèles d'applications Web Webflow — Showcase 1
Thank you! Your submission has been received!
Check your inbox and confirm your email!
Oops! Something went wrong while submitting the form.
Share This

Other Insights

Amazing Webflow
templates 🤩