Aller au contenu

Refonte de site web : ce qui casse le référencement, et comment l'éviter.

Une refonte rate rarement sur le design, elle rate sur le référencement. Inventaire des URLs, redirections, rendu technique et mesure : la méthode appliquée à la migration de 247 URLs de WordPress vers Next.js.

Publié le
sept. 2026
Lecture
4 min
Thème
developpement

Une refonte rate rarement sur le design. Elle rate sur le référencement, et le constat tombe six semaines plus tard, quand le trafic ne revient pas. Nous avons migré studjoow.com de WordPress vers Next.js en mai 2026 : 247 URLs, dont cinq fiches typographiques qui portaient à elles seules 43 % des clics. Voici ce que cette migration a appris, et ce qu'il faut faire dans l'ordre.

Ce qu'une refonte fait vraiment perdre

Le risque n'est pas esthétique, il est arithmétique. Sur un site établi, le trafic se concentre sur une poignée de pages. Dans notre inventaire, cinq fiches typographiques totalisaient 779 clics sur 1 801, et onze articles couleur cumulaient 227 354 impressions. Perdre ces URLs, c'est perdre la moitié du trafic, quelle que soit la beauté du nouveau site.

Les trois causes de perte, par ordre de fréquence : des URLs qui changent sans redirection, des redirections temporaires qui ne transmettent pas l'autorité, et un rendu technique qui ralentit l'exploration du site par les robots. Aucune des trois ne se voit à l'œil nu.

Étape 1 : geler l'inventaire avant de toucher à quoi que ce soit

Avant la première maquette, exportez depuis la Search Console la totalité de vos URLs sur seize mois, avec clics, impressions et position moyenne. Cet export devient un fichier versionné dans le dépôt, pas une pièce jointe dans un mail.

Pour chaque URL, une décision et une seule : conservée à l'identique, redirigée vers une cible précise, ou abandonnée. Notre inventaire tenait en 247 lignes, et chaque ligne portait sa route cible. Sur 146 fiches portfolio, trente ont été conservées ; les 116 autres redirigent en 301 vers une page unique, parce que leur trafic ne justifiait pas de les maintenir.

Ce fichier est le contrat de la refonte. Toute URL qui n'y figure pas n'existe pas, et toute modification passe par une relecture explicite.

Étape 2 : décider ce que vous abandonnez

Une refonte est aussi un élagage. Le critère n'est pas l'attachement au contenu, c'est le nombre de clics sur douze mois. Une page à zéro clic depuis un an ne mérite pas d'être portée, elle mérite d'être redirigée vers la page qui la remplace.

Assumez la perte quand elle est décidée. Consolider cent pages mortes vers une page vivante vaut mieux que maintenir cent pages que personne ne lit et que Google explore à votre place.

Étape 3 : les trois pièges techniques de la migration

La redirection temporaire qui ne transmet rien

Une redirection 307 est temporaire : elle ne transfère pas l'autorité acquise. Les hébergeurs la posent parfois par défaut entre le domaine nu et le sous-domaine www. Google traite alors les deux comme des sites distincts, et l'historique reste du mauvais côté.

La vérification tient en une ligne :

curl -sI https://votresite.com | grep -i "HTTP\|location"

Un 301 ou un 308 est correct. Un 307 est à corriger avant le lancement, pas après.

Le rendu dynamique qui tue le cache

Sur les frameworks modernes, lire les en-têtes ou les cookies dans un composant partagé, un en-tête de page ou un pied de page, bascule le site entier en rendu dynamique. Chaque visite d'un robot devient un appel serveur, et l'exploration ralentit d'autant.

Le symptôme est lisible dans les en-têtes de réponse : un cache-control qui passe en private, no-cache et un cache CDN qui ne se remplit jamais. Nous l'avons vécu sur studjoow.com : une simple ligne de géolocalisation dans le pied de page avait rendu dynamiques toutes les pages du site.

Le maillage interne qui ne dit plus rien

Quand une carte entière est un lien, le texte de l'ancre devient le teaser complet : plusieurs centaines de caractères illisibles pour un lecteur d'écran et muets pour un moteur. Le lien doit porter le titre, et la carte reste cliquable par un recouvrement en CSS.

Étape 4 : mesurer après, avec les bons indicateurs

La Search Console met une à deux semaines à refléter la migration. Ce délai est normal et il ne se rattrape pas en le regardant tous les jours.

Ce qu'il faut suivre, dans cet ordre : les erreurs de couverture, la position moyenne des dix URLs qui portaient le trafic avant, puis les Core Web Vitals de terrain. Un score de laboratoire ne dit rien de ce que vivent vos visiteurs.

Fixez la ligne de base avant le lancement. Sans photographie de l'avant, l'après n'est qu'une impression.

Étape 5 : remplacer la refonte par l'entretien

Une refonte tous les cinq ans coûte cher et fait peur, donc on la repousse, donc elle coûte plus cher. Un site entretenu en continu ne connaît pas ce cycle : les pages évoluent une par une, le socle technique suit les versions, et la question de la refonte ne se pose plus.

C'est le modèle que nous appliquons à nos propres sites et à ceux que nous opérons : une mise à jour continue plutôt qu'une reconstruction périodique.

Combien de temps, et avec qui

Une refonte correctement inventoriée prend entre six et dix semaines pour un site de cent à trois cents pages, dont une semaine entière consacrée au seul inventaire des URLs. C'est la semaine que tout le monde veut sauter, et c'est celle qui décide du résultat.

Si vous voulez voir comment nous procédons sur une refonte Next.js, la méthode est détaillée sur notre page refonte Next.js. Si vous préférez en parler de votre cas, le premier échange dure trente minutes et ne coûte rien.

Studjoow · Studio indépendant

Vous avez un projet en tête ?

Design, code, SEO, GEO : un seul interlocuteur de bout en bout. Parlons-en, sans engagement.

Questions fréquentes

Ce que vous vous demandez peut-être.

Pourquoi choisir Next.js plutôt que WordPress pour un site professionnel ?
Next.js donne un contrôle fin du rendu et du code envoyé au navigateur, ce qui permet d'atteindre d'excellents Core Web Vitals à condition de bien le configurer (selon le Core Web Vitals Technology Report de HTTP Archive, la technologie seule ne garantit rien), une sécurité structurellement plus forte (surface d'attaque réduite vs WP + plugins), une scalabilité sans serveur à gérer, et une flexibilité totale. WordPress reste pertinent pour les équipes éditoriales non-techniques. Pour un site orienté performance, SEO et GEO, Next.js est le choix de 2026.
Quelles sont les limites du no-code face au code sur-mesure ?
Le no-code est rapide pour prototyper mais atteint vite ses limites : personnalisation contrainte par la plateforme, lock-in propriétaire, performances moyennes, évolutions coûteuses. Le code sur-mesure (TypeScript, Next.js) est maintenable par n'importe quel développeur, déployable partout, et évolue sans limite. Il coûte plus cher initialement mais offre un TCO inférieur sur 3-5 ans.
Comment migrer un site WordPress vers Next.js sans perdre ses positions SEO ?
En trois phases : (1) inventaire complet des URLs avec clicks/impressions GSC, (2) préservation 1:1 des slugs existants, sans redirection 301 sur les URLs à fort trafic, (3) amélioration technique (vitesse, Core Web Vitals, Schema.org, llms.txt). L'objectif est de préserver les positions SEO : la position moyenne des pages qui portaient le trafic est suivie dans la Search Console avant et après la mise en ligne.
Qu'est-ce que le Server-Side Rendering (SSR) et pourquoi est-ce crucial pour le SEO ?
Le SSR génère le HTML sur le serveur avant de l'envoyer au navigateur, rendant le contenu immédiatement lisible par les crawlers. Contrairement aux SPA purement client-side, le SSR garantit une indexation complète dès la première visite des bots Google, Bing et IA. Next.js combine SSR, SSG et ISR selon les besoins de chaque page.
Combien de temps faut-il pour développer un site web sur-mesure ?
Entre 4 et 8 semaines pour un site vitrine ou portfolio Next.js complet. 8 à 16 semaines pour un site avec CMS Payload, espace membre ou e-commerce. Le studio solo permet d'éliminer les délais d'intermédiation : brief → design → code → livraison sans relay de poste. Pas de 6 mois d'agence.
Comment garantir des Core Web Vitals au vert sur un site Next.js ?
Stratégie à trois niveaux : (1) images optimisées via le composant Next/Image (WebP, lazy loading, tailles adaptatives), (2) code splitting automatique et fonts inlinées pour éliminer les render-blocking resources, (3) déploiement sur le réseau edge de Vercel pour un temps de réponse serveur (TTFB) sous le seuil de 0,8 seconde que Google considère comme bon. Ces pratiques sont appliquées systématiquement chez Studjoow.
Quelle est la différence entre un site web et une application web (SaaS) ?
Un site web diffuse de l'information, un SaaS offre un service en ligne avec authentification, données persistantes et logique métier complexe. Next.js + Supabase + Stripe couvre les deux cas : même stack, même repo, même équipe. Studjoow développe des sites vitrines comme des plateformes SaaS avec la même approche rigoureuse.

Newsletter

Une lettre par mois.

Lectures design, nouveaux cas, expérimentations IA. Court, sans pub.

Travaillons ensemble

Un projet en tête ? Parlons-en.

Un seul interlocuteur de bout en bout, une réponse sous 24 h. Sans engagement, sans jargon.

EXCELLENTBasé sur 10 avis Google
Voir tous les avis