SEO technique d'un site vitrine Next.js : la checklist avant mise en ligne

Un site vitrine peut être magnifique et rester invisible. Entre la dernière retouche de maquette et la mise en ligne, il y a une étape que l'on bâcle trop souvent : vérifier que les moteurs de recherche peuvent trouver, comprendre et classer les pages.

Avec Next.js, une bonne partie du travail est facilitée par le framework, à condition de savoir quoi vérifier. Voici la checklist que je passe avant de mettre un site en ligne, dans l'ordre où je la déroule.

1. Chaque page a un titre et une description uniques

La balise title et la meta description sont ce que l'internaute lit dans les résultats de recherche. Elles doivent être propres à chaque page et décrire son contenu réel.

Dans l'App Router, on les définit avec l'API de métadonnées (un objet metadata ou la fonction generateMetadata pour les pages dynamiques). Quelques repères :

• un titre court, avec le sujet de la page en premier
• une description claire d'environ une à deux phrases
• jamais deux pages avec le même titre

2. Une URL canonique par page

Une même page peut être accessible par plusieurs adresses (avec ou sans slash final, avec des paramètres). Une URL canonique indique à Google laquelle est la bonne, et évite le contenu dupliqué. Next.js permet de la déclarer dans les métadonnées, via la clé alternates.

3. Une structure de titres cohérente

Chaque page a un seul h1, qui décrit son sujet, puis des h2 et h3 qui structurent le contenu sans sauter de niveau. Ce n'est pas qu'une affaire de style : les titres aident à la fois les moteurs et les lecteurs d'écran.

4. Un sitemap et un robots.txt

Le sitemap liste les pages à indexer. Le fichier robots.txt indique ce que les robots peuvent explorer. Avec l'App Router, on les génère par code (fichiers sitemap et robots dans le dossier app), ce qui évite de les maintenir à la main.

Vérifiez en production que :

• le sitemap ne contient que des pages qui existent réellement
• robots.txt ne bloque pas le site entier (oubli classique après un environnement de test)
• l'adresse du sitemap est bien déclarée

5. Des images optimisées

Les images pèsent lourd et ralentissent le site. Le composant next/image gère le redimensionnement et le format, mais il faut penser à :

• renseigner un texte alternatif pertinent (décrivant l'image, pas bourré de mots-clés)
• indiquer les dimensions pour éviter les décalages de mise en page
• ne charger en priorité que l'image principale visible au premier écran

6. Les polices et les performances de base

Une police mal chargée provoque un texte qui clignote ou un décalage visible. Le module next/font charge les polices sans requête externe bloquante. Ensuite, mesurez avec un outil comme PageSpeed Insights : il donne des pistes précises sur ce qui ralentit la page.

7. Des données structurées quand elles servent

Les données structurées (JSON-LD) aident les moteurs à comprendre le type de contenu : entreprise, personne, article, fil d'Ariane. Elles ne garantissent pas un affichage enrichi, mais elles clarifient le contenu. Ajoutez-en peu, et uniquement si elles reflètent fidèlement la page.

8. Des liens et des redirections propres

• Pas de liens cassés : vérifiez-les avant la mise en ligne
• Des redirections 301 si vous remplacez un ancien site, pour conserver les adresses déjà connues
• Un maillage interne : chaque page importante est accessible depuis au moins une autre, avec un intitulé de lien explicite

9. Les pages d'erreur et le mobile

Une page 404 utile (avec un lien vers l'accueil) évite de perdre un visiteur égaré. Et comme Google indexe en priorité la version mobile, testez le rendu sur un vrai téléphone, pas seulement dans un navigateur redimensionné.

10. Après la mise en ligne

Le référencement ne s'arrête pas à la mise en ligne : il commence là. Inscrivez le site dans Google Search Console, envoyez le sitemap et surveillez les erreurs d'exploration. Les premiers retours arrivent en quelques jours, mais le positionnement demande du temps et du contenu utile.

La checklist en un coup d'œil

• Titres et descriptions uniques sur chaque page
• URLs canoniques définies
• Un seul h1 par page, titres hiérarchisés
• Sitemap et robots.txt générés et vérifiés
• Images avec alt, dimensions et chargement adapté
• Polices chargées avec next/font
• Données structurées fidèles au contenu
• Liens vérifiés et redirections en place
• 404 soignée et test sur mobile
• Site déclaré dans Google Search Console

Passez cette liste une fois, gardez-la sous la main, et vous éviterez la grande majorité des oublis qui coûtent de la visibilité.