Qu'est-ce qu'une redirection en Javascript ?

Une redirection en Javascript est un moyen d'indiquer à un utilisateur ou à un moteur de recherche que la page demandée est maintenant accessible via une autre URL en utilisation du code Javascript. Elle est généralement implémentée avec la fonction window.location.replace ou la fonction window.location.href.

Les redirections en Javascript sont-elles recommandées pour le référencement naturel (SEO) ?

Non, les redirections en Javascript sont des redirections "client-side" qui sont appliquées et exécutées par le navigateur de l'utilisateur. Les robots de moteurs de recherche ont des difficultés à traiter le Javascript et cela peut entraîner des limitations pour le SEO. Ainsi, vous risquez que les robots ne puissent pas exécuter la redirection et considèrent le lien comme un soft 404, ou encore, que la redirection ralentisse l'exploration et la découverte de vos pages. De plus, il est peu probable que la "puissance SEO" soit aussi bien transmise à travers une redirection en Javascript qu'à travers une redirection 301, par exemple.

Quelles sont les alternatives aux redirections en Javascript ?

Les redirections "server-side" sont les méthodes préférées des moteurs de recherche et notamment recommandées par Google. Parmi ces redirections, on retrouve les redirections 301, 302, 307, et 308. Si vous devez modifier l'URL d'une page affichée dans les résultats de recherche, Google recommande d'utiliser une redirection permanente (301). Les redirections temporaires (302 et 307) sont principalement utilisées pour les tests et les mises à jour de sites, tandis que la redirection 308 est une redirection permanente spécifique à HTTP/2.

Redirections Javascript et SEO : tout ce qu'il faut savoir

Résumer cet article avec :

Qu'est-ce-qu'une redirection Javascript ?

Une redirection en Javascript est une méthode qui permet d'indiquer à un utilisateur ou à un moteur de recherche que la page demandée est maintenant accessible via une autre URL. En général, ce type de redirection est implémenté soit avec la fonction window.location.replace ou la fonction window.location.href.

Les redirections sont en soi quelque chose de relativement simple et courant sur le web. Que ce soit suite à une migration d’un domaine à un autre, ou parce que vous modifiez la structure de vos URLs, il arrive rapidement que vous ayez à en mettre en place (le fameux plan de redirection, n’est-ce pas ?).

Concernant les redirections utilisant Javascript, une question se pose : est-ce la bonne méthode d’un point de vue SEO ?

Redirections Javascript et référencement naturel (SEO)

Il faut comprendre que les redirections en Javascript s’effectuent du côté du “client”, nous parlons alors de redirections “client-side”. En d’autres termes, cela signifie que les redirections sont appliquées et effectuées par le navigateur de vos utilisateurs.

Si vous avez déjà lu notre guide du Javascript seo, vous avez sûrement compris les difficultés que les robots des moteurs de recherche (dont Google) ont à processer le Javascript. En résumé, voici les limitations d’une telle redirection :

Les robots, notamment de Google, peuvent ne pas render votre Javascript et donc ne pas exécuter votre redirection Javascript. Ce qui en d’autres termes reviendrait à ne pas découvrir la page liée et à considérer votre lien comme un soft 404.
Une redirection Javascript peut ralentir l’exploration et donc la découverte de vos pages car comme nous l’avons expliqué dans notre guide du javascript SEO, le rendering de Javascript requiert des étapes supplémentaires dans le process d’exploration et d’indexation de Google. Qui plus est, ça impacte votre crawl budget.
Il est peu probable que la “puissance SEO” soit aussi bien transmise à travers une redirection Javascript que via une redirection 301 par exemple. Néanmoins, on manque de recul et de données précises pour l’affirmer catégoriquement.
Il se peut que la redirection soit plus lente à s’exécuter lorsque celle-ci s’opère côté client que lorsque celle-ci est implémentée “server-side”.

D’ailleurs, comme le disait Gary Illyes de Google dans ce tweet, les redirections en Javascript ne sont probablement pas une bonne idée et peuvent rendre confus les robots des moteurs de recherche.

Vous pouvez retrouver le tweet ici

Quelles alternatives aux redirections Javascript ?

Les redirections server-side sont les méthodes préférées des moteurs de recherche et notamment mises en avant par Google (qui l'ont réaffirmé en Juin 2022 via John Muller lors des Google SEO Office Hours). Parmi ces redirections, vous retrouverez les fameuses 301, mais aussi les 302, 307, voire 308.

D’ailleurs, si nous reprenons les préconisations sur le sujet, Google écrit explicitement dans sa documentation :

Si vous devez modifier l'URL d'une page affichée dans les résultats du moteur de recherche, nous vous recommandons, dans la mesure du possible, d'opter pour une redirection permanente côté serveur. Il s'agit du meilleur moyen de vous assurer que la recherche Google et les utilisateurs seront redirigés vers la bonne page. Les codes d'état 301 et 308 signifient qu'une page a été déplacée de manière permanente vers un nouvel emplacement.

En fonction de votre serveur, vous pourrez soit configurer ce type de redirections dans votre htaccess ou directement dans les paramétrages de votre instance.

Mais alors, pourquoi utiliser des redirections en JS ?

Il y a certains cas où vous pouvez utiliser des redirections Javascript (mais pas en SEO).

Tout d’abord, la redirection étant effectuée client-side, vous pouvez y intégrer une logique au niveau de votre router. Par exemple, selon la langue du navigateur de vos utilisateurs, vous les redirigez vers la version de votre site dans la même langue.

Pour les sites internet avec des espaces connectés, une fois les identifiants de connexion rentrées, vous redirigez en général l’utilisateur vers son espace via une redirection Javascript.

Comment implémenter des redirections Javascript ?

Comme je le disais au début de cet article, l’une de ces méthodes consiste à utiliser la fonction window.location.replace comme sur la ligne de code suivante :

window.location.replace("https://www.wegrowth.io")

Si vous collez cette ligne de code dans la console de votre navigateur, vous arriverez directement sur la page d’accueil de notre site.

Une autre méthode consiste à utiliser window.location.href. Le problème de cette méthode est qu’une fois le document (comprendre la page) ouverte dans le navigateur de l’utilisateur, ce dernier ne pourra pas revenir sur la page précédente. La nouvelle URL étant stockée dans le navigateur, cette page fait office de “dernière” page. Ainsi, l’utilisateur est coincé et doit quitter votre site internet.

Comment identifier les redirections Javascript ?

Le mieux pour identifier les redirections en Javascript est de vous balader sur le site internet avec Javascript désactivé (en utilisant l’extension Chrome Web Developer par exemple). Plutôt que de longues explications, une courte vidéo.

Dans la vidéo vous observez deux choses :

1. Avec le Javascript activé :

L’URL qui pointe vers l’article depuis le feed du blog ne comporte pas de catégories :

https://www.insify.nl/nl/blog/alles-over-verzekeringen-voor-zzp-in-de-zorg/

Une fois que j’ai cliqué sur le lien, j’atterris sur l’article avec l’URL suivante dans la barre d’adresse du navigateur (catégorie /p&c/ dans l’URL) :

https://www.insify.nl/nl/blog/p&c/alles-over-verzekeringen-voor-zzp-in-de-zorg/

2. Avec le Javascript désactivé :

Au clic sur le lien vers l’article, la redirection Javascript ne s’exécute pas puisque je l’ai désactivé. De fait, j’atteris sur l’URL https://www.insify.nl/nl/blog/alles-over-verzekeringen-voor-zzp-in-de-zorg/ (sans catégories). Sauf que cette page est blanche puisque le document n’est pas sur cette URL. Cela peut ainsi être perçu comme une soft 404.

(Si vous vous interrogez sur la langue de notre client, c’est du Néerlandais. Nous intervenons beaucoup pour nos clients sur leurs stratégies SEO à l’échelle).

Une autre méthode consisterait à utiliser un crawler (type Screaming Frog). Pour chaque document HTML interne que l’outil remonte en code 200, vérifiez le nombre de mots remontés ainsi que les meta data. Si les URLs sont en 200 dans l’outil, mais que les meta title, meta description, et le word count sont vides, c’est qu’il y a sûrement une redirection client-side. Rendez-vous sur les pages, et comparez l’URL présente dans Screaming frog par rapport à celle dans la barre d’adresse de votre navigateur lorsqu’elle s’ouvre.

En résumé

Bien que le Javascript soit une méthode parmi d’autres, gardez à l’esprit que :

Pour rediriger vos pages vers de nouvelles URLs, mieux vaut utiliser des redirections server-side telles que les 301 ou des redirections temporaires type 302. Google les interprète très bien.
Si vous ne savez pas quelles types de redirection sont implémentés sur votre site, utilisez un crawler ou baladez-vous sur des liens redirigés en désactivant l’exécution du Javascript depuis votre navigateur
Si vous n’avez pas d’autres solutions et devez implémenter une redirection JS, préférez la méthode de redirection window.location.replace plutôt que window.location.href

Dans tous les cas, n’oubliez pas de maintenir un fichier avec l’ensemble de vos redirections.

Et si vous êtes à la recherche d’experts en SEO Javascript, nous sommes là pour vous.

N'hésite pas à consulter mes autres articles sur le Javascript SEO :