Vous voulez prendre le blog de votre ancien site et le déposer sur votre nouveau ? Il n'y a pas de magie là-dedans : cela s'appelle la migration 🤩
Dans cet article, je vous explique comment migrer le contenu de votre blog sur votre nouveau site Webflow 👇
Avant de faire le moindre geste, vous devez vous organiser 😉 En effet, la migration d'un site demande de la rigueur et une mauvaise organisation peut vite générer des erreurs. Pour éviter de perdre du temps par la suite, je vous encourage à ne pas tout réaliser en même temps et à bien vous organiser en amont.
Pour cela, vous pouvez :
Il existe un moyen très facile pour exporter les données de votre site WordPress sans avoir à tout reconstruire un par un sur Webflow ! Ce moyen est un plug-in nommé WP CSV.
Il permet d'exporter le contenu de votre blog en .csv, un format adapté à son importation dans Webflow.
Pour utiliser WP CSV, vous n'avez qu'à le télécharger ici 🙌
Il vous faudra ensuite l'activer sur WordPress et exportez les données de votre blog.
C'est maintenant que la magie opère ! Vous allez voir apparaitre le contenu de votre blog sur votre nouveau site Webflow.
Pour cela, il vous suffit d'ouvrir votre collection Webflow CMS, puis de cliquer sur "Importer" en haut à droit pour enfin sélectionner votre fichier .cvs !
Et voilà, c'est fait ! Le contenu de votre blog est désormais disponible sur votre tout nouveau site web créé avec Webflow.
Cependant, il y a deux points importants à garder à l'esprit :
Tout d'abord, il est crucial de ne pas dépasser la limite de 10 000 items dans le CMS Webflow. Soyez donc vigilant pour ne pas dépasser cette limite, au risque de voir votre site ralentir ou même planter.
Ensuite, assurez-vous de faire correspondre correctement les champs de votre fichier CSV avec les champs de votre système de gestion de contenu (CMS) sur Webflow. Cela permettra de s'assurer que votre contenu est correctement importé et bien organisé sur votre nouveau site.
Vérifier que les URLs est une étape très importante pour assurer la migration de votre site 🤓
Les redirections 301 sont un type de redirection de page web qui permet de rediriger le trafic d'une URL à une autre. Cette redirection est considérée comme permanente, car elle indique aux navigateurs web et aux moteurs de recherche que l'URL d'origine a été déplacée de façon permanente vers une autre adresse.
Lorsqu'un utilisateur accède à une URL qui a été redirigée via une redirection 301, il est automatiquement redirigé vers la nouvelle URL cible, sans même s'en rendre compte. Les redirections 301 sont donc très utiles pour éviter que les visiteurs du site arrivent sur une page d'erreur 404 ou autre page non pertinente ...
De plus, les redirections 301 sont très utiles pour le référencement naturel car elles permettent de transférer la valeur des backlinks de l'ancienne URL vers la nouvelle URL, ce qui contribue à maintenir le classement de la page dans les résultats de recherche. Donc, si vous souhaitez éviter les erreurs et conserver le référencement naturel de votre site, vérifiez bien vos URLs et si besoin configurez des redirections 301 ! 🤞
Astuce : dans la mesure du possible, veillez à garder les même URLs que votre ancien site web. Ce sera plus simple !
Néanmoins, il est tout à fait normal qu'il y ait quelques changements dans un projet de migration de site web.
Pour effectuer cette configuration, vous aurez besoin de la liste des URLs que vous avez établie en phase 1 (si vous avez suivi mon conseil d'organisation 😉). Pour configurer cette redirection, vous devree disposer du "hosting plan" dans Webflow. Une vidéo expliquant en détail les étapes à suivre est accessible juste ici sur le site de Webflow !
Si vous souhaitez que votre nouveau site web soit facilement trouvable sur les moteurs de recherche, il est important d'ajouter les bonnes balises à vos articles de blog. Les balises de titre sont particulièrement importantes, car ce sont les premiers éléments que les utilisateurs voient lorsqu'ils recherchent votre site web. Assurez-vous que toutes vos pages ont des balises de titre. Vous pouvez facilement ajouter des balises personnalisées en utilisant les champs dynamiques dans Webflow.
De même, les métadescriptions sont essentielles pour décrire brièvement le contenu de votre page dans les résultats de recherche. Ajoutez des métadescriptions personnalisées à vos articles de blog directement depuis Webflow ✌🏼
Si vous partagez votre site web sur les réseaux sociaux, n'oubliez pas d'ajouter des images OG personnalisées pour chaque page. Vous pouvez ajouter des champs d'images personnalisés à votre collection CMS sur Webflow et les utiliser comme champs dynamiques dans les paramètres de la page.
N'oubliez pas non plus la favicon, il s'agit de la petite image qui apparaît à côté de l'onglet de votre site web dans les navigateurs web. Assurez-vous qu'elle est bien visible et reconnaissable.
En ce qui concerne les titres, assurez-vous que chaque page n'a qu'un seul H1 et que les autres titres suivent un ordre logique de h2 > h3, h3 > h4, etc. Cela aidera à organiser votre contenu et à le rendre plus facilement compréhensible pour les utilisateurs et les moteurs de recherche.
Et n'oubliez pas d'ajouter des attributs alt à vos images, afin que les utilisateurs et les moteurs de recherche puissent comprendre leur contenu, même s'ils ne peuvent pas les voir 🧐
Vous l'aurez compris, la migration de votre site sur Webflow est facile mais elle demande de la rigueur et beaucoup de vérifications ! 🤓
Vous avez à présent un site Webflow et je ne peux que m'en réjouir 🎉 Si vous souhaitez emmener votre site encore plus loin, je vous conseille de lire cet article sur les 10 outils no code pour votre site Webflow !