Votre site WordPress rame, votre trafic stagne - et si la migration vers Next.js était la solution ?
Un site lent coûte cher. Chaque seconde de chargement supplémentaire fait fuir 7 % de vos visiteurs. Et quand la dette technique s'accumule, les mises à jour deviennent un cauchemar, les plugins se multiplient et votre score Lighthouse plafonne sous les 60. Le problème n'est pas votre contenu, c'est votre socle technique.
Dans cet article, vous allez découvrir :
- •Les 5 signaux qui prouvent qu'il est temps de migrer vers Next.js
- •Le plan de migration en 7 étapes pour passer de WordPress à Next.js sans perdre une seule position Google
- •Comment préserver 100 % de votre SEO pendant la transition (redirections, canonical, sitemap)
- •Le cas Sudparebrise : migration réussie, Lighthouse 100 % et 40+ appels par mois
53 % des visiteurs mobiles quittent un site qui met plus de 3 secondes à charger. La migration vers un framework performant n'est plus un luxe, c'est une nécessité business.
Les 5 signaux qu'il est temps de migrer
Tous les sites ne nécessitent pas une migration. Mais certains signaux doivent vous alerter.
Votre site met plus de 3 secondes à charger
Ouvrez Google PageSpeed Insights et testez votre URL. Si votre score Performance est inférieur à 70, votre site freine votre croissance. Les sites WordPress chargés de plugins atteignent rarement 80, même avec du cache.
Votre score Lighthouse stagne sous 70
Malgré les optimisations, les plugins de cache et les CDN, votre Lighthouse refuse de décoller. C'est le signe que le problème est architectural, pas configurationnel.
La maintenance devient un cauchemar
Mises à jour de plugins qui cassent le site, conflits entre extensions, failles de sécurité à combler en urgence. Quand vous passez plus de temps à maintenir qu'à développer, l'architecture est obsolète.
Votre trafic organique décline
Google favorise les sites rapides depuis la mise à jour Core Web Vitals. Si votre trafic baisse alors que votre contenu est bon, c'est peut-être votre infrastructure qui vous pénalise.
Vous avez des besoins que les plugins ne couvrent plus
Fonctionnalités sur-mesure, intégrations API complexes, interfaces dynamiques : les plugins WordPress atteignent vite leurs limites. Next.js offre une flexibilité totale pour développer exactement ce dont vous avez besoin.
L'audit pré-migration : la fondation de tout le projet
Ne migrez jamais à l'aveugle. L'audit pré-migration est l'étape la plus critique pour protéger votre référencement.
Inventaire complet des URLs
Crawlez votre site actuel avec Screaming Frog ou un outil similaire. Listez chaque URL, son statut HTTP, son nombre de liens entrants et son trafic. Ce fichier sera votre bible pendant toute la migration.
Analyse du trafic par page
Dans Google Analytics, identifiez les pages qui génèrent 80 % de votre trafic. Ce sont vos pages prioritaires : elles doivent être migrées en premier et leurs URLs préservées ou redirigées sans erreur.
Cartographie des backlinks
Utilisez Ahrefs, SEMrush ou Google Search Console pour lister tous les backlinks pointant vers votre site. Chaque URL cible doit être redirigée pour conserver cette autorité acquise.
Audit des dépendances techniques
Listez chaque plugin, chaque fonctionnalité et chaque intégration tierce. Pour chacun, déterminez s'il sera remplacé par du code natif, une API ou tout simplement supprimé.
Comme nous le détaillons dans notre guide complet de la refonte de site internet, cette phase d'audit représente 20 % du temps du projet mais conditionne 80 % de sa réussite.
Le plan de migration en 7 étapes
Étape 1 : définir l'architecture du nouveau site
Avant d'écrire la moindre ligne de code, structurez l'arborescence du futur site. Définissez les routes, les templates de page et la hiérarchie des contenus. C'est le moment de corriger les erreurs d'architecture du site actuel.
Étape 2 : choisir et configurer le CMS headless
Next.js a besoin d'une source de données. Chez ONDEV, nous utilisons Strapi comme CMS headless. Il offre une interface d'édition intuitive pour les contenus, une API REST et GraphQL, et une flexibilité totale sur les modèles de données.
La stack que nous recommandons : Strapi + Next.js + Vercel + Neon (PostgreSQL). C'est la combinaison qui offre le meilleur ratio performance-coût-maintenabilité.
Étape 3 : développer le nouveau front-end
Le développement Next.js se fait en parallèle du site existant. Votre ancien site reste en ligne pendant toute la phase de développement. Aucune interruption de service.
Les points clés du développement :
- •Génération statique (SSG) pour les pages à contenu stable
- •Rendu côté serveur (SSR) pour les pages dynamiques
- •Composant Image de Next.js pour l'optimisation automatique des visuels
- •Architecture modulaire avec des composants React réutilisables
Pour comprendre pourquoi Next.js est le framework le plus adapté, consultez notre analyse complète de Next.js et ses avantages.
Étape 4 : migrer les contenus
Exportez les contenus WordPress (articles, pages, médias) et restructurez-les dans Strapi. C'est l'occasion de nettoyer les contenus obsolètes, de fusionner les pages à faible valeur et d'optimiser les textes pour le SEO.
Point d'attention : conservez les métadonnées SEO (title, description, canonical) de chaque contenu migré. Ne changez rien à ce qui fonctionne.
Étape 5 : configurer les redirections 301
C'est l'étape qui fait ou défait votre migration SEO. Chaque ancienne URL doit pointer vers la nouvelle via une redirection 301 permanente.
# Exemple dans next.config.js
redirects: [
{ source: '/ancien-slug/', destination: '/nouveau-slug/', permanent: true },
]Règles à suivre :
- •Chaque URL de l'inventaire doit avoir sa redirection
- •Pas de chaînes de redirections (A > B > C) : toujours rediriger directement vers la destination finale
- •Tester chaque redirection avant le déploiement
- •Conserver les redirections au minimum 1 an après la migration
Étape 6 : tester en environnement de staging
Avant de basculer en production, déployez le nouveau site sur un environnement de test. Vérifiez :
- •Le rendu de chaque page sur desktop et mobile
- •Le fonctionnement de chaque redirection 301
- •Les Core Web Vitals sur PageSpeed Insights
- •L'indexabilité via Google Search Console (inspection d'URL)
- •Les formulaires, les CTA et les intégrations tierces
Étape 7 : déployer et surveiller
Le jour J, basculez les DNS vers le nouveau site. Puis surveillez attentivement pendant 4 à 6 semaines :
- •Google Search Console : erreurs de crawl, couverture d'indexation
- •Google Analytics : trafic, taux de rebond, conversions
- •Screaming Frog : vérification que les redirections fonctionnent
- •PageSpeed Insights : confirmation des performances en conditions réelles
Préserver le SEO pendant la migration
La migration est le moment le plus risqué pour votre référencement. Voici les protections essentielles.
Mapping d'URLs exhaustif
Créez un fichier CSV qui associe chaque ancienne URL à sa nouvelle URL. Pas d'exception, pas d'oubli. Une seule URL non redirigée peut signifier la perte d'un backlink précieux.
Canonical tags cohérentes
Chaque page du nouveau site doit porter une balise canonical pointant vers elle-même. Vérifiez qu'aucune ancienne URL ne persiste dans les canonicals.
Sitemap.xml à jour
Générez un nouveau sitemap contenant uniquement les URLs du nouveau site. Soumettez-le immédiatement dans Google Search Console après le déploiement.
Robots.txt correct
Vérifiez que le robots.txt du nouveau site ne bloque pas les pages importantes. Erreur classique : oublier de retirer le Disallow: / utilisé pendant la phase de staging.
Pour une analyse approfondie des différences entre WordPress et Next.js, notre comparatif Next.js vs WordPress détaille les gains concrets sur chaque critère.
Timeline réaliste d'une migration
| Phase | Durée estimée |
|---|---|
| Audit pré-migration | 1 à 2 semaines |
| Architecture et maquettes | 1 à 2 semaines |
| Développement Next.js | 3 à 6 semaines |
| Migration des contenus | 1 à 2 semaines |
| Redirections et tests | 1 semaine |
| Déploiement et surveillance | 1 semaine |
| Total | 8 à 14 semaines |
Les erreurs qui sabotent une migration
Oublier les redirections 301. C'est l'erreur numéro 1. Chaque URL sans redirection est une page 404 qui fait perdre du jus SEO et dégrade l'expérience utilisateur.
Ne pas tester sur mobile. Google utilise l'index mobile-first. Un site parfait sur desktop mais cassé sur mobile sera pénalisé.
Changer les URLs sans raison. Si l'ancienne URL fonctionne bien en SEO, conservez la même structure. Ne changez que ce qui est nécessaire.
Migrer sans inventaire complet. Sans inventaire exhaustif des URLs, des contenus et des backlinks, vous naviguez à l'aveugle. C'est la recette pour un désastre SEO.
Ignorer la phase de surveillance. Les 4 à 6 premières semaines après la migration sont critiques. Surveillez quotidiennement les erreurs de crawl et les baisses de trafic.
Cas ONDEV : la migration Sudparebrise
Lorsque Sudparebrise nous a confié la refonte de son site, nous avons appliqué exactement ce processus de migration.
Avant la migration (WordPress) :
Après la migration (Next.js + Strapi + Vercel) :
La migration a pris 8 semaines. Le trafic organique a progressé dès la 3e semaine après le déploiement, et les premières positions Google ont été atteintes en moins de 3 mois.
Ce projet illustre qu'une migration bien préparée n'est pas un risque : c'est un investissement à fort retour.
FAQ
Vais-je perdre mon référencement pendant la migration ?
Combien coûte une migration vers Next.js ?
Faut-il migrer tout le site d'un coup ou par phases ?
Mes équipes pourront-elles gérer le contenu sans être développeurs ?
Que se passe-t-il si une redirection est oubliée ?
Prêt à migrer vers Next.js ?
Une migration réussie transforme un site vieillissant en machine à performance. Le secret n'est pas dans la technologie seule, c'est dans la méthodologie : un audit rigoureux, des redirections exhaustives et une surveillance post-déploiement sans faille.
Chez ONDEV, nous accompagnons la migration de A à Z dans le cadre de notre service de création de sites internet sur-mesure. De l'audit initial au suivi post-lancement, chaque étape est documentée et validée pour garantir zéro perte SEO.
Vous envisagez de migrer votre site vers Next.js ? Contactez-nous pour un audit gratuit de votre site actuel et un plan de migration personnalisé.
