Comment appliquer JavaScript à vos liens pour un meilleur référencement

  • Jamal El Khaiat, M. SC. Gestion des T.I.

Un peu d'histoire avant de rentrer dans le sujet. Lors de la conférence des développeurs d'E/S de Google, John Mueller et Tom Greenway de Google ont précisé que Googlebot ne suivrait pas tous les liens sur une page. Si votre site Web utilise des liens JavaScript, toutes les pages de votre site Web peuvent ne pas être indexées par Google.

La bonne façon d'appliquer JavaScript à vos liens pour le référencement

En général, votre site Web ne doit pas s'appuyer sur JavaScript: JavaScript et SEO.

 

Quels liens Google indexe-t-il?

<a href="/good-link"> sera analysé </a> : Il s'agit d'un lien href régulier qui sera exploré par Google.
 
<span onclick = ”changePage ('bad-link')”> Non analysé </span> : Google n'explorera pas ce lien car il ne s'agit pas d'une ancre.
 
<a onclick=<changePage('bad-link')"> Non analysé </a> : Ce lien est dans une ancre, mais il n'utilise pas l'attribut href. C'est pourquoi Google ne l'explorera pas.
 
<a href="/good-link" onclick="changePage('good-link')"> sera analysé </a> : Ce lien sera exploré par Google car il s'agit d'une ancre avec un attribut href.
 
Google analyse uniquement les balises d'ancrage avec des attributs href. Il existe plusieurs outils sur web pour analyser les liens exploitables ou pas par les moteurs de recherche, en particulier Google. 
 

La bonne façon d'appliquer JavaScript à vos liens pour le référencement

 
Martin Splitt de Google explique pourquoi les identificateurs de fragments ne sont pas analysés et l'importance des attributs href.
«Utilisez un balisage de liens approprié, n'utilisez pas d'URL fragmentées pour les liens que vous souhaitez que les robots d'exploration découvrent et suivent, et vous devriez créer des sites Web qui fonctionnent bien avec JavaScript et les liens seront trouvés», résume Martin Splitt, défenseur des développeurs chez Google lors d'une conférence Webmaster de Google le 20 avril 2020.
 
 
La bonne façon de créer des liens: L'utilisation de la balise HTML <a> avec l'URL de destination dans l'attribut href est la façon la plus simple de créer un lien. Par exemple, un <a href="https://example.com/> lien </a>.
 
Vous pouvez également ajouter JavaScript à un lien, ce qui vous permet de mettre à niveau ses fonctionnalités. Un exemple de cela pourrait être lorsqu'un utilisateur clique sur un menu contextuel de hamburger sur l'une de vos pages - le JavaScript pourrait être utilisé pour intercepter le href et afficher le menu de hamburger caché.
 
Ne laissez pas de côté l'attribut href: Il peut être tentant d'éliminer l'attribut href et de «nettoyer» votre code, mais cela signifie que le lien ne fonctionnera que si votre JavaScript fonctionne également correctement. Les robots d'exploration n'accèdent qu'au contenu pointé avec des attributs href et s'il y a un bogue, les utilisateurs ne peuvent pas accéder au contenu vers lequel pointe JavaScript.
 
Réfléchissez bien aux identificateurs de fragments: Les identificateurs de fragments, qui se distinguent par un symbole «#» dans une URL, pointent vers des sous-sections d'une page donnée, pas nécessairement une page différente. Par exemple, example.com/FAQ#subsection amènerait l'utilisateur à un point spécifique de la page example.com/FAQ.
 
«Parce que les fragments ne sont pas destinés à pointer vers un contenu différent, les robots d'exploration les ignorent; ils prétendent simplement que les fragments n'existent pas », a déclaré Splitt. Cela signifie que si vous créez une application d'une seule page avec des identificateurs de fragments, les robots d'exploration ne suivront pas ces liens. 
 
Pourquoi nous nous soucions: La création de liens que Google peut explorer l'aidera à comprendre le contenu de votre site et augmentera vos chances de bien se classer pour les requêtes pertinentes. Et, bien que ce ne soit pas courant, certains utilisateurs peuvent choisir de naviguer avec JavaScript désactivé; dans ce cas, le respect de ces pratiques garantira que vos liens fonctionnent toujours correctement.
 
Plus de conseils de développement pour les SEO

concurrence seo 2