Optimisation SEO : les bonnes pratiques pour Node.js

⏱ Temps de lecture : 3 mins

L'optimisation du SEO technique n'est pas l'apanage exclusif du front-end ; le back-end joue également un rôle crucial.

le SEO, un sujet aussi back-end


Dans notre formation Node.js, nous explorons les bonnes pratiques d'optimisation SEO spécifiques à cette technologie.


1 - Rendez vos URL sensibles à la casse

Recommandation #UX


Cette pratique recommandée en 2021 reste pertinente. Si vous faites partie des 95 % d'utilisateurs d'Express, vous utilisez probablement la méthode Router.

Saviez-vous qu'il existe une option caseSensitive ? Cette fonctionnalité assure l'affichage du même contenu, que l'URL soit saisie en minuscules ou en majuscules.


2 - Gérez les slashs de fin d'URL (trailing slash)

Recommandation #UX


La présence d'un slash en fin de chemin indique la présence d'un dossier. N'oubliez pas que le web est de l'informatique. Vos pages sont des fichiers, pas des dossiers.


Selon une recommandation de 2010 toujours d'actualité, il est conseillé de gérer les slashs finaux dans les URL.

Voici un script pour Express qui redirige les URL avec un slash final vers leur version sans slash, évitant ainsi les problèmes de contenu dupliqué :

A placer au debut de votre fichier de Routes.



La version canonique de l'URL sera celle sans slash final.


⚠ Attention, cette pratique ne s'applique pas aux domaines racines qui, de plus, peut être complexe à implémenter correctement.


3 - Implémentez le SSR (Server Side Rendering)

Recommandation #performance #UX


Depuis très longtemps, la rapidité d'un site est un critère clé pour Google. Le SSR, ou le rendu côté serveur, améliore significativement les performances. Sans utiliser de framework spécifique, EJS (Documentation) est un excellent moteur de templating qui permet à Node.js de générer le contenu côté serveur, optimisant ainsi le chargement initial.

Il permet aussi de limiter le volume de JavaScript coté client.


Pour React ou Angular, le SSR peut être implémenté en suivant les documentations officielles.


Voici par exemple comment réaliser l'implémentation d'un SSR simple avec react :



Dans cette exemple, c'est Node.js qui va gérer le lancement de l'application, donc le préchargement s'effectuera coté serveur.


Le SSR est abordé en détail dans nos formations sur-mesure sur TypeScript et Node.js.


4 - Hébergez les ressources externes localement

Pour un chargement optimal de vos pages, il est préférable d'héberger les librairies, images et polices directement sur votre serveur.


Vous ne dépenderez plus d'hypothétiques chargements externes qui plombent la performance de votre site, problèmes vus et revus sur des CMS, coucou Shopify.

Vous gardez la maîtrise de votre archi.


Avec Express, vous pouvez servir ces fichiers statiques comme suit :



5 - Gérer correctement la page 404

Recommandation #UX

Une page 404 est une page d'erreur qui s'affiche lorsqu'un utilisateur tente d'accéder à une page qui n'existe pas.


La page 404 par défaut de Node.js est un simple texte

Cannot GET /mauvaise-page

D'un point de vue UX c'est vraiment pas top. Et Google va le voir.

Créez une page 404 propre, qui contient votre barre de navigation, votre footer et invite l'utilisateur à retourner vers la page d'acceuil de votre site.


Pour l'implémenter, rien de plus simple. Tout en bas de votre déclaration de routes, ajouter ceci :



Le signe étoile signifie 'tout chemin'. Placé en bas de votre déclaration Express va tester tous les autres chemins avant de passer là et donc renvoyer la 404.

6 - La sécurité avant tout

La sécurité doit être une priorité constante pour éviter les vulnérabilités. Un site compromis peut être rapidement classé comme spam par Google, anéantissant vos efforts SEO.


Pensez à protéger votre application des intrusions. Il existe des méthodes pour sécuriser les paramètres d'entrée.

Par exemple, l'utilisation de express-validator pour sécuriser les entrées de votre application.



query('person').notEmpty() 

va procéder à la validation des querystring, si 'person' est vide, alors l'application renvera une erreur.


Notre formation sur la sécurisation des applications web vous donnera toutes les clés pour maintenir un haut niveau de sécurité.

Surclasser vos concurrents

Avec notre accompagnement, nous vous enseignerons et nous vous guiderons pour surpasser vos concurrents dans l'ordre d'affichage de vos pages dans les résultats de recherche.


>>> Accompagnement personnalisé <<<


En résumé

  • Adoptez des URL sensibles à la casse et gérez les slashs finaux pour éviter le contenu dupliqué et améliorer l'UX.
  • Mettez en œuvre le SSR pour accélérer le chargement des pages, essentiel pour un meilleur classement sur Google.
  • Priorisez la sécurité de votre site pour protéger contre les vulnérabilités et maintenir une réputation solide sur les moteurs de recherche.

Partager cet article

Qui sommes-nous ?

Mon Formateur Indépendant est un collectif d'experts du secteur du digital.


Nous proposons des formations professionnelles et des accompagnements sur-mesure sur le développement web, la cybersécurité, le SEO et le marketing digital.


Ecrit par : Thomas Dupont

photo de profil de Thomas Dupont


Avec une double casquette de développeur et de contrôleur financier, Thomas allie une expertise technique en développement web à de solides connaissances en gestion d'entreprise. Cette combinaison unique lui permet de comprendre et d'agir efficacement sur les problématiques de ses clients.
En tant que développeur web depuis 10 ans, Thomas maîtrise les technologies et langages web comme JavaScript, TypeScript et Node.js.
Il est intervenu pour des sociétés prestigieuses telles que L'Oréal, Louis Vuitton ou Chanel et travaille sur des applications comptabilisant des centaines de milliers d'utilisateurs actifs.
Il vous apportera une vraie vision orientée solutions.