Aller au contenu principal

Académie

Redirections, canonicals et SEO technique

Alignez 301, canonicals et politique d’URL sur Next.js. Évitez doublons, chaînes de redirection et fuites crawl après refonte — pour dev, SEO et équipe contenu.

Intermédiaire · 4 min

SEO / GEOCursor

Prérequis

  • Projet Next.js avec accès next.config.ts et layouts metadata
  • Table de correspondance anciennes → nouvelles URLs validée SEO
  • Outil de test : curl -I, Search Console, Screaming Frog ou équivalent
  • Politique trailing slash et www/non-www définie avec l’équipe contenu

Après une refonte ou un changement d’arborescence, les redirections 301 et les canonicals mal configurés diluent le référencement et génèrent des 404 silencieux. Sur Next.js, vous combinez `redirects` dans next.config, metadata canonical et middleware pour une politique d’URL cohérente — sans promesse de position garantie.

Politique d’URL et canonicals

Définissez une politique : trailing slash ou non, minuscules, pas de paramètres de session dans les URLs indexables. Alignez `trailingSlash` Next.js sur cette politique.

Canonical absolue dans metadata (`alternates.canonical`) : https, domaine de production, sans tracking. Pagination : canonical vers la page elle-même ou vue « view-all » selon stratégie retenue.

Pages techniques (merci formulaire, preview) : noindex + pas de canonical vers une page indexable voisine.

Redirections 301 dans Next.js

next.config.ts `redirects` : `{ source, destination, permanent: true }` pour mappings fixes post-refonte. Testez en local puis `curl -I` en production.

middleware.ts pour règles conditionnelles : hostname, locale, préfixe. `NextResponse.redirect(url, 301)` — limitez le matcher aux chemins concernés.

Complétez HTTP → HTTPS et www/non-www au niveau hébergeur (Vercel) pour ne pas dupliquer la logique applicative.

Audit et maintenance post-refonte

Table CSV versionnée : source, destination, date, owner. Revue après chaque déploiement majeur et import contenu CMS.

Search Console : pages avec redirection, doublons sans canonical, 404 en hausse. Croisez avec sitemap généré.

Avec Cursor : rule SEO listant les layouts à auditer ; demandez une revue canonical + redirect sur les templates modifiés.

Erreurs fréquentes

Canonical relative ou pointant vers preview/staging indexé par erreur.

301 et canonical contradictoires sur la même URL.

Boucle A → B → A : vérifiez que la destination ne redirige pas vers la source.

Oublier les assets PDF ou landing campagnes : 404 post-refonte.

Ce qu’il faut retenir

301 pour URL définitivement déplacée ; canonical pour URL préférée d’un contenu accessible.

next.config pour statique, middleware pour dynamique, hébergeur pour HTTPS/www.

Table de correspondance versionnée et test curl en prod.

Audit post-MEP : pas de chaîne, pas de boucle, pas de canonical preview.

FAQ

301 si l’ancienne URL ne doit plus exister. Canonical si plusieurs URLs servent le même contenu temporairement (paramètres UTM) — mais préférez bloquer l’indexation des variantes inutiles.

Quelques centaines restent lisibles. Au-delà, fichier JSON versionné ou couche CDN. L’essentiel est la traçabilité.

Chaque locale a sa canonical dans sa langue. hreflang lie les équivalents ; ne canonicalisez pas une page FR vers une EN.

Ces tutoriels pourraient vous intéresser

Travailler avec Agence Cosmos

Besoin d’aller plus loin qu’un tutoriel ? Nous cadrons, concevons et livrons des sites et produits digitaux mesurables.

Contact

Parlons d’une mission utile, réaliste et mesurable.

À partir du brief, vous recevez une proposition structurée : objectifs, périmètre, livrables, planning, risques et hypothèses. Nous priorisons la clarté dans les choix et la mise en production.

Vous préférez un message court ? utilisez le formulaire sur la page contact.

Étapes clés - projet web

  1. 01Brief & cadrage
  2. 02UX, UI & contenus
  3. 03Développement & intégration
  4. 04Recette, performance & qualité
  5. 05Mise en ligne & transfert

Ce que vous obtenez

Ressources

Notre agence met à disposition des ressources pour vous aider à monter en compétence sur vos outils favoris, quel que soit votre niveau.

Accéder à l’Académie
Agence Cosmos

Studio web à Bordeaux : design produit, développement sur mesure et IA utile pour des missions claires et mesurables.

Bordeaux, Nouvelle-Aquitaine, France

contact@agence-cosmos.fr

Certifications

Navigation

Expertises

Légal & confiance

© 2024 - 2026 Agence Cosmos. Tous droits réservés - orbite en maintenance continue.