Le Manuel Ultime des Secrets de ClaudeJ’y vais
Parlons-en

10 min de lecture

Migration Webflow : 10 étapes pour le faire sans faille

17/3/2021
Web Design,SEO,Webflow
Migration Webflow : 10 étapes pour le faire sans faille
Migration Webflow : 10 étapes pour le faire sans faille

Vous venez de découvrir Webflow depuis peu de temps, mais vous êtes entièrement convaincu qu’il est le meilleur CMS. C’est alors que vous le conseillez à vos clients, et qu’à leur tour, ils souhaitent également utiliser Webflow. Seulement, ils ont déjà leur site conçu et hébergé sur d’autres plateformes. Ils se demandent s’il serait mieux de migrer un site vers Webflow et/ou de créer un tout nouveau site sur Webflow.

🌈Sondage

Si vous étiez à leur place, que feriez-vous ?

Je laisse tout tomber pour créer un nouveau site. C’est plus rapide et plus simple.
Je ne peux pas tout laisser tomber. J’ai quand même réussi à gagner quelques trafics, et ce, au bout de plusieurs années de travail. Je préfère tenter la migration de site web.
Je préfère lire ce guide avant d’en tirer une conclusion !

Aucune de ces réponses n’est mauvaise, mais vous devez aussi savoir que le fait de migrer un site vers d’autres plateformes n’est pas sans risques. C’est donc bel et bien valable pour Webflow également. Il faut donc faire le plus attention possible, surtout si vous vous occupez d’un des sites de vos clients.

D’où ce guide sur les étapes de migration d’un site web vers Webflow.

Sommaire

  1. S’attendre à des changements
  2. Connaît bien le site actuel avant de migrer un site vers Webflow
  3. Soit organisé
  4. Rassemble tous les contenus du nouveau site
  5. Migrer un site vers Webflow : penser au SEO on-page
  6. 301 redirection
  7. Vérification du nouveau site
  8. Connectez le site à Google Analytics
  9. Soumet le sitemap du nouveau site à Google Search console
  10. Revoyez vos notes

1. S’attendre à des changements

En tant que webdesigner, migrer un site vers webflow n’est certainement pas nouveau pour vous. Si c’est le cas, vous êtes donc conscient qu’il faut s’attendre à quelques petits changements. Mais votre client ne le sait pas, c’est pourquoi vous devez l‘avertir. Et les changements pourraient être “petits” pour vous, mais pas pour lui.

Ces changements concernent le trafic. Les premiers mois de la migration, il y aura une baisse. Ce problème est commun à toutes les plateformes et pas seulement à Webflow. Au cas où vous avez affaire avec un client difficile, vous pouvez lui parler d’un des sites de vos anciens clients que vous avez migré avec brio venant d’autres plateformes comme Wordpress, Wix…

Au bout de quelques mois (deux ou trois), tout reviendra à la normale. Mieux encore, le site reconnaît une forte hausse de trafic. Tout cela, grâce à la migration. Lors de la migration, vous avez pu relever toutes les imperfections du site, pour y remédier.

2. Connaît bien le site actuel avant de migrer un site vers Webflow

Connaître le site ne suffit pas. Il faut que vous le connaissiez parfaitement. Le fait de prendre des notes sur l’état actuel du site peut alors vous aider ! Ces notes vous serviront ensuite de point de repère. Comme je vous l’ai dit tout à l’heure, le site ne restera pas intact à cette migration. Il subira quelques changements au niveau du trafic. Parfois, ce changement peut être conséquent ; d’autres fois, non. Mais dans les 2 cas, les notes que vous aurez prises vous serviront.

D’un autre côté, ils vous protègeront. Comme vous avez prévenu le client de ce qui va arriver (éventuelle baisse de trafic par exemple), peut-être deviendra-t-il parano et vous accusera d’avoir apporté le désordre dans son site ? Il pourrait exagérer pour un rien. C’est à ce moment-là que vous lui montrez les notes que vous avez prises. Par rapport à ces notes, il verra que la baisse n’a pas été aussi élevée qu’il ne l’imaginait.

Vos notes sont-elles seulement fiables ? C’est vrai qu’à première vue, on ne sait pas précisément quoi écrire dans ses notes. Se fier à l’instinct n’est pas visiblement la meilleure chose à faire. Je vous conseille de passer par des outils performants comme ahrefs, semrush, google search console, google analytics… Dans chacun de ses outils, vous saurez précisément sur quel critère vous baser.

3. Soit organisé

Croyez-en mon expérience : quand je migre un site web, j’ai envie de tout réalisé en même temps. C’est une erreur à ne pas commettre pourtant, car on risque alors d’être mal organisé. Or une mauvaise organisation ne peut qu’être mauvaise pour un site en migration.

Voici donc quelques astuces d’organisation pratiques et vérifiées :

  • Listez toutes les pages et URL du site web. Attention à ne rien oublier. Pour vous aider, vous pouvez utiliser le sitemap du site en question. Au lieu de prendre un bloc note papier et un stylo, je pense qu’il serait plus judicieux de le faire sur un fichier Excel (ou autres outils no codeque vous jugez bon à utiliser dans ce contexte).
  • Ensuite, une analyse de tous les backlinks du site est nécessaire. Les lister dans le même fichier Excel serait aussi une bonne idée, de manière qu’aucun d’eux (notamment les bons) ne soit perdu. Pour s'assurer que la migration n’a que peu d’impact sur le trafic du site ou que le site se remet sur pied le plus vite possible, autant garder ses backlinks de qualité !
  • Google search console et Google analytics seront vos meilleurs alliés pour cette étape. Vous en aurez effectivement besoin pour voir quelles sont les pages les plus indexées du site, celles qui apportent le plus de trafic actuellement. Faites de ces pages votre priorité, et surtout.
  • Enfin, il faut catégoriser les différentes pages et URL du site. Tries-les de manière que les pages à conserver, à supprimer et à modifier soient séparées.
Formation Webflow
Formation Webflow

4. Rassemble tous les contenus du nouveau site

Pour ne pas perdre du temps à chercher de nouveaux contenus pour le nouveau site web (à moins que ce soit votre but), rassemblez les contenus (médias : images, vidéos, podcasts…) sur un même lieu. Moi par exemple, je le fais sur Google Drive. Ainsi, mes clients et mon équipe pourront y accéder à tout moment.

Voici une manière plus facile d’exporter tous les contenus en une seule fois, notamment si le site à migrer est un site Wordpress. Téléchargez un plugin nommé WP CSV. Il vous permet d’exporter les contenus du site en .csv pour ensuite les uploader dans Webflow. Il existe une fonctionnalité pour ça dans Webflow.

5. Migrer un site vers Webflow : penser au SEO on-page

Le SEO off-site est certes très important. Mais il n’en est pas moins pour le SEO on-page. Si vous arrivez à bien configurer le SEO on-page du site, il y a de fortes chances que la baisse de trafic que connaît le site soit minime.

Je vous liste les éléments à vérifier pour cette étape :

  • le title SEO
  • la méta description
  • le open graph
  • les titres Hn
  • les URL
  • le maillage interne
  • la balise des images
  • le nom de chaque image
  • etc.

Bien que certains de ces éléments ne présentent pas des conséquences directes sur le site, ils touchent indirectement le SEO. C’est pourquoi aucun d’entre eux ne doit être pris à la légère.

Et même si vous pensez qu’il n’y a plus rien à changer, vous devez utiliser des outils de vérification de site web tels que SEMrush. Il vous liste toutes les erreurs que présente encore votre site, et qui pourraient causer du tort au SEO.

6. 301 redirection

Il est temps de passer à la configuration du 301 redirection, une étape très importante, car au cours de la migration, il y aura toujours quelques changements.

Donc, pour cette configuration, vous aurez besoin des listes de URL que vous avez préalablement établies dans la partie 3 (être organisé) (là encore, je souligne l’importance de suivre ces étapes à la lettre, elles dépendent les unes des autres).

Cette redirection est configurable dans Webflow, mais pour y accéder, il faut avoir le “hosting plan”. Une vidéo qui explique en détail les étapes à suivre est disponible sur le site de Webflow. Vous trouverez une vidéo explicative dans la formation gratuite également.Souvenez-vous aussi que pour réussir cette étape, il va falloir être des plus minutieux.

7. Vérification du nouveau site

Comme on dit : l’erreur est humaine. Alors, avant d’aller plus loin, pourquoi ne pas vérifier une dernière fois si le nouveau site ne présente plus aucune erreur ? Le faire manuellement serait une grande perte de temps. Il vaut mieux utiliser des outils de référencement comme SEMrushou ahrefs. Ne vous contentez pas du domaine, analysez aussi tous les sous-domaines du site.

8. Connectez le site à Google Analytics

L’ancien site a été connecté à Google Analytics. C’est d’ailleurs pour cette raison que vous avez pu sereinement analyser ce qui se passait derrière les rideaux du site web. En migrant votre site vers Webflow, cette connexion à Google Analytics ne va pas se faire toute seule. Vous devez en effet le réaliser manuellement.

Ainsi pourrez-vous suivre de près l’évolution du trafic du nouveau site et pourquoi pas, télécharger les données dont vous avez besoin pour la prochaine fois. Mais comment connecter un site Webflow à Google Analytics ?

Vous devez vous rendre dans réglages de projet > intégrations de page.

Il ne vous reste donc plus qu’à vous munir du code sur Google Analytics qu’on appelle : tracking ID (sur la page administration de Google Analytics). Lorsque vous aurez copié le tracking code, retournez sur Webflow pour le copier sur le champ dédié (Google Analytics Tracking ID). N’oubliez pas d’enregistrer et de publier le projet !

Formation Webflow
Formation Webflow

9. Soumet le sitemap du nouveau site à Google Search console

C’est comme une manière de signaler à Google que le site a changé d’adresse et qu’il va falloir qu’il le réindexer. Cela explique encore pourquoi une baisse de trafic est à prévoir les premiers mois de migration.

Les étapes d’inscription à Google Search Console ne sont pas compliquées :

  • Sur le tableau de borde de Google Search console, il faut cliquer sur le bouton “ajouter une propriété”
  • Copiez alors le nouveau domaine dans le champ adapté
  • On vous demandera d’entrer une option dans les méthodes de vérification. Je vous conseille le “HTML tag”
  • Enfin, copiez le ID de vérification (une série de numéros et de lettres). Attention toutefois, vous ne devez pas encore fermer cette fenêtre.
  • En attendant, passons dans le tableau de bord de Webflow, évidemment dans un nouvel onglet. Allez dans les réglages SEO.
  • Il est temps de coller le code que vous venez de copier dans Google Search Console.
  • Enregistrez les modifications et publiez le site !

10. Revoyez vos notes

Si tout s’est bien passé jusqu’ici, c’est que la migration du site s’est aussi bien déroulée ! Il n’y a donc plus à vous en faire. Cette dixième étape est une sorte de bonus, car vous en aurez besoin que quelques mois plus tard, quand tout redevient normal. Mieux encore, quand le trafic du nouveau site a dépassé ses anciens scores.

Vous souvenez-vous quand je vous ai demandé de prendre des notes, dans la partie 2 de ce guide ? Eh bien 3 à 4 mois plus tard, je vous conseille de les revoir. Si vous voulez faire plaisir à votre client, vous pouvez même les lui montrer. Si tout s’est bien passé, je suis sûr que le site a gagné d’autres visiteurs. C’est donc le moment pour demander à votre client un beau témoignage à mettre sur votre site.

Conclusion

Bref, migrer un site vers Webflow est tout un process ! C’est vrai que chacun peut adopter une méthode de travail propre à lui-même, mais j’ai été ravi de pouvoir vous partager mon expérience. D’ailleurs, voici un résumé de ces 10 étapes pour migrer un site vers Webflow :

  • N’oubliez pas d’être organisé et minutieux. Ces qualités vous aideront à ne rien oublier.
  • Il faut toujours être réaliste. C’est la seule façon de ne pas être déçu et de rester motivé quoi qu'il arrive. Comme je vous ai clairement expliqué tout au long de ce guide, les premiers mois de migration vont être difficiles. Le trafic du site internet va inévitablement chuter, mais ça ne signifie pas que vous avez échoué. Il faut tout simplement du temps. Or, votre client doit le comprendre, avant même que vous n’y procédiez, histoire d’éviter les malentendus et mauvaises surprises. Expliquez-le-lui.
  • Enfin, soyez transparent dans votre méthode de travail, c’est-à-dire qu’il serait préférable que vous en parliez avec votre client.
  • Utilisez Google Sheet pour rassembler toutes les données.
typeform-embed

Commentaires

Dans la joie et la bonne humeur

Là où créer son Business en Ligne est aussi simple qu’un jeu d’enfant.

Que vous soyez débutant ou expérimenté, la Happy.webacademy vous donne l’énergie, les stratégies et les outils pour avoir plus de liberté et générer des résultats qui propulseront votre chiffre d’affaires dans les étoiles.

Votre Site Web
Votre Coaching
Votre Espace détente
Votre Espace de rencontre
Votre Formation
Certifiés 100%
ULTRA enrichissant et décoiffant!
Propulsez votre vie & votre Business en 30 jours !
Formation

Happy.webacademy.

La seule, l’unique, la vraie où toutes les idées peuvent germer, se développer et aboutir. Chaque phase de développement du Business est pensée jusqu’au moindre détail (même le plus rikiki) pour vous accompagner dans votre projet.

Fondations, développement, accompagnement, entraide, coaching, Site Web, outils Web et même les cookies. Rejoindre la Happy.webacademy c’est faire partie de cet écosystème sans risque, il n’y a qu’à sauter le pas et se laisser guider.
L'IA activée pour accélérer votre transformation 🤖
12 Modules à jour
On vous offre une formation de dingue avec des plans d'action, des mises à jour régulières, un accès pour la vie, et un support 24/7, 365 jours par an. Tout ce qu'il vous faut (et même plus) pour faire briller votre vie, votre business et développer vos compétences.
Votre propulseur
Communauté
On met tout en place pour que vous soyez toujours au top de vos questions et que vous puissiez grandir avec une communauté qui a les mêmes rêves que vous, et que vous puissiez rencontrer des personnes super inspirantes.
Plus jamais seul
Votre Site Web !
Qui de mieux que des experts du Web pour vous créer un Site Web clé en main et vendre vos offres rapidement sans devoir vous casser la tête avec la technique. Terminées les nuits blanches à vous arracher les cheveux, on a tout prévu pour accélérer votre croissance en ligne!
On va vous créer
un Astéroïde
12 mois Offerts
On répond à toutes vos questions Business, de Mindset et de Pépètes. C’est aussi le meilleur moyen pour recevoir votre dose de motivation au quotidien, tout est possible !
N’oubliez pas d’amener
des cookies
Stratégie 3.0
Le Web et l'e-commerce évoluent à une vitesse incroyable, et si vous ne tenez pas le rythme, vous allez perdre de l'argent. C'est pourquoi on va vous partager toutes nos dernières astuces, découvertes et innovations (automatisations, intelligence artificielle,...) pour que vous et votre business restiez au TOP!
2 Coachs Business
Kevin & Sophie, 2 coachs sur le terrain depuis 10 ans qui seront là pour vous motiver, booster votre mindset, et bien plus encore! Tout au long de votre aventure entrepreneuriale sur le Web & dans l'e-commerce, on vous soutiendra pour valider des opportunités ou vous aider à optimiser vos performances. Vous ne serez PLUS JAMAIS seul !
Suivi en continu
C'est parfois difficile de prendre du recul sur votre travail quand on débute (même après), c'est pourquoi on sera toujours là pour examiner votre travail en privé AVANT que vous ne dépensiez de l'argent en publicité ou en influenceurs.
Investissement
Créer un business rentable engendre des besoins d'optimisation financière. C'est pourquoi on vous donnera les astuces qu'on utilise nous aussi pour que vous puissiez apprendre à investir l'argent que vous allez gagner à long terme pour vous créer un patrimoine.
Une question ? Parlons-en