Sitemap

Google SEO 101 : choses à faire et à ne pas faire avec les liens et JavaScript

Google explique comment s'assurer que les liens fonctionnent correctement avec JavaScript dans le premier épisode de la nouvelle série Lightning Talks.

Les Google Lightning Talks sont des versions courtes de présentations qui ont pu être partagées lors de conférences Google Webmasters dans le monde entier.

Étant donné que les événements en personne sont annulés dans un avenir prévisible, Google adapte le contenu de sa conférence pour le Web.

Les vidéos de la série Google Lightning Talks devraient être publiées tout au long de l'année.

Martin Splitt de Google sur les liens et JavaScript

Splitt consacre le premier épisode de Lightning Talks à discuter du sujet « préféré de tous » : les liens.

Plus précisément, les liens dans les applications Web JavaScript.

Splitt passe en revue le rôle important que jouent les liens pour les utilisateurs et les robots des moteurs de recherche.

Il énumère également les choses à faire et à ne pas faire en combinant des liens avec la fonctionnalité JavaScript.

Les liens comptent pour les humains et les robots

Les liens ont pour objectif évident de permettre aux utilisateurs de naviguer entre les éléments de contenu.

Mais les propriétaires de sites doivent également être conscients du rôle que jouent les liens pour les robots et les moteurs de recherche.

Avant tout, les liens permettent aux robots d'exploration de trouver d'autres pages d'un site Web.

Les robots découvrent et indexent d'autres pages d'un site Web en suivant des liens d'une page à l'autre.

En suivant les liens, le robot acquiert une compréhension de la structure du site et de l'architecture de l'information.

Ceci est utile pour comprendre quelles pages pourraient être pertinentes pour un sujet donné.

En relation: Une introduction pratique au JavaScript moderne pour les référenceurs

Créer des liens avec JavaScript - À faire et à ne pas faire

Créer un lien n'est pas aussi simple qu'on pourrait le penser, prévient Martin Splitt.

C'est particulièrement vrai lorsqu'il s'agit d'ajouter des fonctionnalités JavaScript à un lien.

JavaScript permet aux sites de personnaliser les liens de différentes manières, mais cela peut rendre le lien inutilisable pour les robots.

Voici ce que Splitt recommande.

À faire : restez simple

La façon la plus simple de mettre un lien sur un site est d'utiliser une balise ahref.

Il est également possible de mettre à niveau les liens standard avec la fonctionnalité JavaScript, tant que certaines conditions sont toujours remplies.

Exemples de liens directs

À ne pas faire : laissez de côté l'attribut ahref

Lors de l'ajout d'une fonctionnalité JavaScript à un lien, vous pouvez envisager d'omettre l'attribut ahref

"Ce n'est pas une bonne idée,"dit Splitt.

La raison en est que le lien ne fonctionnera que lorsque le JavaScript fonctionnera correctement.

Sans attribut ahref, les crawlers ne pourront pas déterminer où va un lien car le crawler n'exécute pas JavaScript.

À ne pas faire : utiliser des pseudo-URL

Cela n'aide pas non plus d'ajouter un attribut ahref sans URL utile, ou avec une "pseudo URL" comme dans l'exemple ci-dessous :

Le résultat est le même qu'un lien sans attribut ahref, ce qui signifie que ce n'est pas une bonne idée.

À ne pas faire : utiliser des boutons

L'utilisation d'un bouton peut sembler une option viable pour ajouter un lien vers une page, mais ce n'est pas non plus une bonne idée.

La règle générale est la suivante : si un lien déclenche quelque chose sur la page actuelle, il devrait probablement s'agir d'un bouton.

D'un autre côté, si un lien amène un utilisateur vers un autre élément de contenu qui n'était pas sur la page auparavant, il devrait s'agir d'un lien standard.

À ne pas faire : se fier aux gestionnaires de clics

Les propriétaires de sites ne doivent pas non plus simuler des liens en utilisant d'autres éléments HTML et en utilisant un gestionnaire de clics en JavaScript, par exemple.

Cela casse les fonctionnalités d'accessibilité intégrées et n'est pas une bonne idée.

À faire : utiliser le HTML sémantique

L'essentiel de tout cela est - utilisez le balisage HTML sémantique et pointez votre lien vers une URL appropriée.

Qu'est-ce qu'une URL appropriée ?C'est expliqué dans la section suivante.

Utilisation de "propre"URL

Ces URL sont des exemples typiques de ce qui est considéré comme une « URL appropriée » :

Ce sont des URL appropriées car elles contiennent les attributs suivants :

  • Un protocole
  • Un hôte
  • Un chemin vers un élément de contenu spécifique
  • Un identifiant de fragment (facultatif)

Connexe : SEO et JavaScript : le bon, le mauvais et l'incertitude

Méfiez-vous des identificateurs de fragment

Étant donné que les identifiants de fragment sont facultatifs et pointent vers des emplacements dans le même élément de contenu, les robots d'exploration les ignorent.

C'est particulièrement important à noter si vous créez une application d'une seule page avec des liens pleins d'identifiants de fragment.

Les robots d'exploration ne suivront pas les liens, ils ne pourront donc pas comprendre l'application Web.

En résumé

Voici vos principaux points à retenir du premier épisode de Google Lightning Talks :

  • Utilisez un balisage de lien approprié.
  • N'utilisez pas de fragments pour charger un contenu différent dans des applications à page unique.
  • Créez des sites Web qui fonctionnent bien avec JavaScript et les liens seront trouvés.