L'optimisation du SEO technique n'est pas l'apanage exclusif du front-end ; le back-end joue également un rôle crucial.
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 - Implémenter correctement les redirections
Recommandation #SEO
En cas de changement de route, les moteurs de recherche gardent l'ancienne route dans leur index.
Il faut donc explicitement rediriger l'ancienne route vers la nouvelle.
Dans votre déclaration de route, vous pouvez ajouter cette ligne :
7 - 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.
