Redirections Javascript & SEO

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 :

1. 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. 
2. 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.
3. 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.
4. 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. 

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.