15 conseils pour migrer votre site vers Webflow sans perte de trafic : l'ultime check-list

La migration de votre site web vers une nouvelle plateforme comme Webflow peut être un processus complexe. Lorsque nous avons décidé de migrer notre site web vers Webflow, nous étions inquiets de l'impact potentiel sur notre trafic organique.

Mais avec une planification et une exécution méticuleuses, nous avons réussi à gérer la migration sans aucune perte de trafic. Grâce à cette expérience, nous avons élaboré une marche à suivre étape par étape que nous utilisons avec tous nos clients.

Dans ce guide complet, nous partageons notre expérience professionelle et nos 15 étapes clés à suivre lors de votre transition vers Webflow pour assurer une migration simple, sécurisée et sans perte de trafic.

La check-list ultime en 15 étapes

1. Analyser la structure, le contenu et les performances de votre site web.
2. Préparer le plan du site.
3. Ajouter des redirections 301 et une page 404 personnalisée.
4. Importer les articles de blog et autres contenus.
5. Assurer la cohérence des URL.
6. Optimiser les éléments de SEO sur la page.
7. Sauvegarder l’ancien site web.
8. Mettre à jour vos liens internes et externes.
9. Tester les redirections et les URL.
10. Réaliser un audit complet du nouveau site web.
11. Soumettre votre sitemap.
12. Contrôler les performances du nouveau site web.
13. Garder un œil sur les classements SEO.
14. Communiquer avec votre public au sujet de la migration.
15. Enfin, gardez un œil sur vos concurrents.

⚠️ Attention : Il y aura des fluctuations dans le trafic de votre site web suite à la migration. L'objectif de cette liste est d'atténuer ces fluctuations et de planifier le futur pic de croissance. Si elles sont effectuées correctement, la plupart des migrations Webflow devraient entraîner une augmentation du trafic de recherche organique dans les mois qui suivent.

Préparation avant la migration

1) Analyser la structure, le contenu et les performances de votre site web

a) Évaluer le contenu actuel pour mieux comprendre comment atteindre vos objectifs

Par exemple, nous avons travaillé avec un client qui avait un site web vieux de dix ans avec des centaines d'articles.

Avant de migrer vers Webflow, nous avons analysé leur contenu et découvert que de nombreux articles étaient obsolètes ou non pertinents.

Nous avons décidé d'archiver ces articles et de nous concentrer sur la mise à jour et l'amélioration des articles restants.

Cela a permis de rationaliser leur contenu et d'améliorer l'expérience globale de l'utilisateur.

b) Identifier les pages les plus populaires

En analysant les données Google Analytics, vous pouvez identifier les pages les plus populaires et vous assurer de donner la priorité à ces pages pendant le processus de migration.

De cette façon, le contenu le plus précieux sera préservé et optimisé pour la nouvelle plateforme.

Pour faire le tri dans votre contenu, recherchez toutes les URL de votre site web actuel en utilisant l'outil SEO "Screaming Frog" pour scraper la liste de toutes les URL de votre site actuel.

Vous utiliserez cette liste pour déterminer les pages qui restent et celles qui vont être supprimées. Dans l'outil Screaming Frog, exportez uniquement les pages HTML sous "Interne" > "HTML".

c) Analyser les performances

Il est bon de prendre note du trafic que reçoit chaque page avant la migration. Cela vous aidera à déterminer les performances du site web après la migration.

Vous pouvez utiliser un outil comme Ubersuggest, SEMRush ou Ahrefs pour mettre en place un suivi des positions.

2) Préparer le plan du site

Si vous voulez que le processus de migration soit plus efficace, vous devez organiser les pages de votre site web.

Pour se faire, il vous suffit d'importez la liste que vous venez de télécharger depuis screaming frog sur Google Sheets et mettez-la à jour comme vous le souhaitez. Ajoutez ou déplacez les pages qui doivent être réorganisées. Ne déplacez les pages que si cela est nécessaire.

Si votre ancien site web contient des pages obsolètes, c'est le moment idéal pour les réorganiser ou les supprimer complètement. Veillez à vérifier les analyses SEO de votre site pour voir si les pages reçoivent du trafic avant de les supprimer.

Toute page supprimée devra faire l'objet d'une redirection 301, essentielle pour maintenir le trafic et l'optimisation du SEO après le processus de migration.

Si vous souhaitez afficher le plan du site visuellement plutôt que dans une feuille de calcul, vous pouvez utiliser un outil tel qu'octopus.do pour construire le plan du site.

3) Ajouter des redirections 301 et une page 404 personnalisée

Dans la mesure du possible, gardez toutes les URLs de votre site web exactement identiques.

Cependant, l'amélioration de l'organisation et des performances de votre site peut impliquer des changements dans la structure de l'URL de votre site web.

Et personne ne souhaite que des utilisateurs frustrés tombent sur une dead page. Donc, si vous voulez vous assurer que les utilisateurs et les moteurs de recherche trouvent les nouvelles pages sans problème, mettez en place des redirections 301.

Par exemple, si vous êtes un traiteur et que l'URL de votre page de contact est "traiteur.fr/contact", ne la changez pas dans Webflow en "traiteur.fr/contactez-nous".

Toutefois, si vous mettez à jour la hiérarchie du site web, certaines URL devront être modifiées.

Si vous avez ajouté une page centralisée pour vos services, vos nouvelles URL pourraient être quelque chose comme "traiteur.fr/services/repas-anniversaire" au lieu de "traiteur.fr/repas-anniversaire.

Dans ce cas, vous devrez créer une redirection 301 (permanente) de "traiteur.fr/repas-anniversaire" vers "traiteur.fr/services/repas-anniversaire".

Si vous avez besoin d'ajouter des redirections en masse, téléchargez l'extension FinSweet.

Même si les redirections sont configurées, les utilisateurs peuvent finir par atterrir sur une URL qui n'existe plus. Créez une page 404 bien conçue qui les dirige vers votre page d'accueil et présente les autres pages principales de votre site.

Construire votre site Webflow

4) Importer des articles de blog et d'autres contenus

Webflow fournit une fonction d'importation CSV intégrée à son CMS pour migrer le contenu d'autres systèmes. Inutile de préciser à quel point cela vous facilite la vie.

Un blogueur que nous avons assisté avait plus de 500 articles de blog sur son site WordPress. Pour migrer efficacement leur contenu vers Webflow, nous avons utilisé une importation CSV. Cela nous a permis d'économiser d'innombrables heures de travail.

5) Assurer la cohérence des URL

Vérifiez que les URLs correspondent aux anciennes URLs !

Aussi, Webflow ne vous permet pas de vous débarrasser du sous-dossier "/blog", donc si votre ancien site Web n'incluait pas cet élément dans l'URL, vous devriez ajouter des redirections pour chacun de vos articles de blog ou créer une règle joker.

Assurer la cohérence des URL lors de la migration vers Webflow est crucial pour maintenir la valeur SEO de votre site web, l'expérience utilisateur et le suivi des performances.

En faisant cela, vous préservez votre classement dans les moteurs de recherche et minimisez le risque de liens obsolètes, de perte de trafic et de perturbations potentielles des intégrations d'outils tiers.

La cohérence des URL est un facteur vital pour assurer une transition simple vers votre nouveau site Webflow tout en préservant votre présence en ligne déjà existante.

6) Optimiser les éléments de SEO on-page

a) Mettre en place des balises titre et des méta-descriptions

Ne sous-estimez pas le pouvoir du SEO. Même en ayant les meilleurs services et produits sur le marché, sans une stratégie SEO efficace, vous resterez inconnu au bataillon.

Les balises titre et les méta-descriptions sont cruciales pour les taux de clics et l'expérience utilisateur.

La migration vers Webflow est une bonne occasion de revoir et d'optimiser ces éléments pour les aligner avec votre nouveau contenu et vos stratégies de référencement.

Donc, ne négligez pas le SEO si vous voulez améliorer votre visibilité sur les moteurs de recherche et attirer plus de trafic organique.

Pour modifier ou mettre en place ces éléments, rendez vous dans les paramètres de votre page puis scrollez jusqu'à "Title Tag" et "Meta Description" comme montré dans l'image ci-dessous.

Aussi, lorsque vous publiez votre projet, n'oubliez pas d'activer toutes les options avancées pour une meilleure vitesse de chargement.

b) Le nom de domaine dans Webflow

La gestion de votre nom de domaine dans Webflow est une étape cruciale lors de la migration.

Pour ce faire, dirigez-vous vers le designer Webflow dans les paramètres (en haut à gauche du designer), et accédez à l'onglet 'Publication'. Saisissez votre nom de domaine puis cliquez sur 'Add'.

Une fois que votre domaine apparaît dans la liste, cliquez sur l'icône de la maison pour le définir en tant que domaine par défaut. Cette étape est cruciale, car ne pas définir de domaine par défaut pourrait causer des contenus en double, ce qui pourrait sérieusement nuire à votre référencement ou même désindexer les pages de Google. Webflow recommande d'ailleurs fortement d'utiliser la version "www." pour votre nom de domaine par défaut.

Désactivez l'indexation de votre domaine webflow.io dans les paramètres SEO en cochant "oui".

N'oublilez pas d'activer SSL pour sécuriser votre site, car les moteurs de recherche privilégient les sites sécurisés. Pour se faire rendez vous "Publier" en haut à droite du designer, dans "options avancées". De manière générale, activez toutes les options avancées car cela améliorera la vitesse de chargement de la page.

Enfin, publiez votre site sur votre domaine personnalisé pour finaliser le processus. Cette gestion attentive du nom de domaine est importante car elle est spécifique à Webflow.

c) Images open graph

Si votre nouveau site web est partagé sur les réseaux sociaux, l'image sera vide, sauf si vous ajoutez un open graph.

Ajoutez des open graph personnalisées pour toutes les pages susceptibles d'être partagées sur les réseaux sociaux afin de donner envie aux utilisateurs de cliquer sur le lien en ajoutant un visuel.

Si vous devez faire un open graph à vos articles de blog, il vous suffit d'ajouter un champ d'image personnalisé dans votre collection CMS, puis d'ajouter ce champ personnalisé en tant que champ dynamique dans les paramètres de la page.

Comme dans l'étape a), pour modifier ou ajouter un open graph il vous suffit de vous rendre dans les paramètres en haut à gauche du designer puis de scroller jusqu'à "Open Graph settings".

d) Titres

Organisez la hiérarchie de vos titres. Cela aide les moteurs de recherche à comprendre la structure de votre contenu et permet aux utilisateurs de rapidement parcourir votre page pour trouver l'information qu'ils recherchent.

Lors de votre migration Webflow, veillez à utiliser les balises d'en-tête appropriées (H1, H2, H3, etc.) pour établir une structure de contenu claire et logique.

e) Alt-tags

L'optimisation des alt-tags pour les images est un élément essentiel de SEO on-page car il fournit un contexte pour les moteurs de recherche et améliore l'accessibilité pour les utilisateurs malvoyants.

Lors de la migration vers Webflow, assurez-vous que toutes les images ont des alt-tags pertinents et descriptifs afin d'améliorer à la fois le SEO de votre site web et l'expérience de l'utilisateur.

f) Incorporer un favicon personnalisé

Vous avez déjà ressenti cette frustration de chercher un site web parmi tous vos onglets ouverts et de ne pas le trouver ? Le favicon, la petite image qui apparaît dans les résultats de recherche et qui peut être vue à côté de l'onglet de votre site dans les navigateurs web, permet justement d'éviter ce genre de situation.

Un favicon personnalisé peut sembler anodin, mais il est en fait essentiel pour améliorer l'expérience de l'utilisateur et rendre votre site facilement identifiable.

Ce changement minime peut faire toute la différence.

Check-list avant la publication

7) Sauvegardez votre ancien site web

Créez une sauvegarde. Non, sérieusement, créez une sauvegarde.

Au cours du processus de migration, des erreurs peuvent se produire et des pertes de données peuvent survenir.

Si vous ne voulez pas passer des jours à recréer manuellement le contenu perdu de votre ancien site web, assurez-vous de créer une sauvegarde avant de commencer la migration !

Nous vous recommandons également de faire des captures d'écran de votre site web, au moins pour les pages les plus visitées. Vous pouvez utiliser une extension chrome pour faire une capture de toute la page d'un seul coup.

8) Mettez à jour vos liens internes et externes

Vérifiez que votre site web ne comporte pas de liens internes et externes obsolètes.

Mettez-les à jour pour garantir une expérience utilisateur fluide et maintenir l'équité des liens de votre site.

Utilisez des outils tels que Screaming Frog ou Ahrefs pour auditer efficacement vos liens.

9) Tester les redirections et les URL

Vérifiez la fonctionnalité des redirections.

Par exemple, nous avons travaillé avec un client qui gérait un site e-commerce. Il avait récemment restructuré ses catégories de produits et plusieurs anciennes URL devaient être redirigées vers les nouvelles.

Au cours de notre phase de test, nous avons découvert que certaines des anciennes URL étaient encore actives, ce qui créait la confusion tant pour les utilisateurs que pour les moteurs de recherche.

En détectant rapidement ce problème, nous avons pu corriger les redirections et maintenir une expérience utilisateur optimale après la migration.

Utilisez un testeur de redirection 301 (tel que httpstatus) pour tester les URL et vous assurer qu'elles mènent bien à une page active.

Dans votre feuille de calcul, trouvez et remplacez l'URL de votre ancien site web par votre sous-domaine "votresite.webflow.io".

Copiez et collez les URLs de votre feuille de calcul dans httpstatus, et cliquez sur "Check status". S'il y a plusieurs redirections pour une seule URL, créez de nouvelles redirections pour vous débarrasser des redirections en cascade.

Si certaines pages renvoient à une erreur 404, créez à nouveau une redirection pour résoudre le problème.

10) Effectuer un audit complet du site web

Réalisez un audit complet de votre site web. Cela peut être long, mais ça en vaut la peine.

Pour vous donner un exemple, un de mes amis a migré son site web vers Webflow et n'a pas effectué un audit complet de son site web après la migration.

Il n'a pas réalisé que plusieurs pages avaient des balises méta manquantes, ce qui a entraîné une baisse de la visibilité dans les moteurs de recherche organiques. Il leur a fallu des semaines pour identifier le problème et le résoudre.

En réalisant un audit complet de votre site web, vous pouvez détecter ce type d’erreurs et y remédier de manière proactive.

Optimisation après la publication

11) Soumettez votre sitemap

La soumission de votre sitemap à Google Search Console permet aux moteurs de recherche d'explorer et d'indexer efficacement le contenu de votre site.

Cette étape est cruciale pour la visibilité et les performances de la recherche organique.

Activez la sitemap généré automatiquement dans les paramètres de votre projet.

Le paramètre se trouve dans les paramètres du projet → onglet SEO → section Sitemap. Veillez à enregistrer les modifications et à publier votre site.

Puis allez sur votre Google Search Console et soumettez votre nouveau plan de site (votresite.fr/sitemap.xml). Cela permettra à Google d'explorer votre site web fraîchement publié pour y déceler des modifications.

12) Contrôler les performances du site web

Pour cela, vous pouvez connecter Google Analytics, Google Search Console, Tag Manager ou un autre logiciel de suivi analytique à votre site Webflow. Veillez à les intégrer sur le site Webflow et à les tester avant de publier.

a) Suivre le trafic du site web

Si votre trafic chute de manière significative après la mise en ligne, vous devez être en mesure de le voir et de réagir rapidement.

L'un de nos clients a remarqué une baisse soudaine du trafic après la publication de son site. En surveillant de près son trafic et en analysant le comportement des utilisateurs, nous avons pu constater que le temps de chargement des pages de son nouveau site était plus lent.

Nous avons alors optimisé leurs images et autres actifs pour améliorer la vitesse du site, ce qui a permis de récupérer le trafic perdu.

b) Analyser le comportement des utilisateurs

Imaginez que vous publiez votre site web après la migration. En analysant le comportement des utilisateurs, vous constatez que le taux de rebond sur vos articles de blog a augmenté de manière significative.

Vous vous rendez compte que cela peut être dû à la nouvelle conception qui rend difficile pour les utilisateurs de trouver des articles associés, ce qui les pousse à quitter le site rapidement.

Vous ajoutez donc une section "articles associés" à vos articles de blog, ce qui améliore immédiatement l'engagement des utilisateurs et réduit le taux de rebond.

Quels que soient les efforts que vous consacrez à votre site web, ce sont les utilisateurs qui, en fin de compte, ont le pouvoir de le juger efficace ou non.

Soyez donc attentifs à la façon dont ils interagissent avec votre site web.

13) Gardez un œil sur les classements SEO

Si vous avez suivi attentivement ce guide, vous devriez être conscient de la puissance du SEO à l’heure qu’il est. Si ce n'est pas le cas, revenez au point 6.

Surveillez le classement des mots clés, résolvez les problèmes de SEO et vérifiez si votre site est responsive, et vous maîtriserez à coup sûr les pouvoirs du référencement.

En adoptant une stratégie proactive, vous serez en mesure de prévoir et d'éviter les baisses de trafic avant même qu'elles ne se produisent.

14) Communiquer avec votre public sur la migration

Informez votre public de la migration afin de gérer leurs attentes et d'encourager les commentaires.

Cette communication peut vous aider à identifier rapidement les problèmes potentiels et à montrer votre engagement à offrir la meilleure expérience possible aux utilisateurs.

15) Enfin, gardez un œil sur vos concurrents

Ce conseil est moins lié au processus de migration lui-même, mais il est bon de toujours le garder à l'esprit !

Une surveillance régulière de vos concurrents peut vous fournir des informations précieuses sur les tendances, les stratégies de contenu et les opportunités de croissance potentielles.

Utilisez des outils comme SEMrush, Ahrefs ou Moz pour surveiller vos concurrents et garder une longueur d'avance.

Quelques conseils supplémentaires

Surveillez de près vos performances sur la SERPs

Vous constaterez certaines fluctuations dans vos résultats. Idéalement, le trafic organique augmente avec le temps, mais certains sites peuvent connaître des baisses au début. Tant que vous avez fait tout ce qui est indiqué dans cette liste et que la conception de votre site est vraiment meilleure qu'avant, les chiffres devraient remonter au bout de quelques mois.

Quelques chiffres à garder à l'œil :

• Impressions organiques (Google Search Console)
• Clics organiques (Google Search Console)
• Couverture de l'index (Google Search Console)
• Taux de rebond (Google Analytics)
• Temps passé sur la page (Google Analytics)

Vérifiez les pages de destination des publicités payantes

Si vous diffusez des publicités payantes, vérifiez que les URL mènent bien à des pages actives sur votre nouveau site Webflow.

Pour les projets de refonte  

Il est bon de noter que plus vous changez le design et les textes, plus vous verrez de fluctuation dans le trafic organique après la migration. Si cela est fait correctement, les chiffres finiront par augmenter plutôt que de diminuer, mais c'est quelque chose à garder à l'esprit.

Désactivez l'indexation du sous-domaine

‍Lorsque vous construisez votre nouveau site Web dans Webflow, vous pouvez le publier dans le sous-domaine "votresite.webflow.io" et désactiver l'indexation. Cela garantira que Google et les autres moteurs de recherche n'indexeront pas le site jusqu'à ce que vous soyez prêt à migrer.

Pour conclure

La migration de notre site web vers Webflow a été une expérience exigeante mais gratifiante.

En planifiant soigneusement le processus de migration, en optimisant notre contenu et notre SEO, et en surveillant de près les performances après la publication, nous avons été en mesure de passer à Webflow sans perdre de trafic.

Nous espérons que notre parcours professionnel et nos marche à suivre vous aideront à obtenir le même succès dans la migration de votre site vers Webflow.

N'oubliez pas de vous engager auprès de vos utilisateurs en les invitant à poser des questions ou à partager leurs expériences dans les commentaires.

Si vous souhaitez vous faire aider pour votre migration vers Webflow, sachez que nous proposons un accompagnement pour la migration vers Webflow sans perte de trafic, n’hésitez donc pas à nous contacter.

Bonne chance pour votre migration et profitez bien des avantages de Webflow !

Si vous avez encore des doutes et souhaitez être aidé, n'hésitez pas à nous contacter via le chat en bas à droite.