Google explique comment garantir le bon fonctionnement des liens avec JavaScript dans le premier épisode de la nouvelle Discussions sur la foudre série.
Les Google Lightning Talks sont des versions courtes de présentations qui auraient pu être partagées lors de conférences des webmasters de Google 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 ses conférences 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 volet des Lightning Talks à la discussion 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, tant pour les utilisateurs que pour les robots des moteurs de recherche.
Il énumère également les choses à faire et à ne pas faire pour combiner les liens avec la fonctionnalité JavaScript.
Liens avec les humains et les Bots
Les liens ont pour but évident de permettre aux utilisateurs de naviguer entre les différents contenus.
Mais les propriétaires de sites doivent être conscients du rôle que jouent les liens pour les robots et les moteurs de recherche également.
Avant tout, les liens permettent aux robots d’exploration de trouver d’autres pages d’un site web.
Les crawlers découvrent et indexent les autres pages d’un site web en suivant les liens d’une page à l’autre.
En suivant les liens, le crawler 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é.
Créer des liens avec JavaScript – A faire et à ne pas faire
Créer un lien n’est pas aussi simple que vous pourriez le pensermet en garde Martin Splitt.
C’est particulièrement vrai lorsqu’il s’agit d’ajouter une fonctionnalité 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 d’exploration.
Voici ce que recommande M. Splitt.
Faire : Soyez direct
La façon la plus simple de mettre un lien sur un site est d’utiliser un ahref tag.
Il est également possible de mettre à jour les liens standard avec une fonctionnalité JavaScript, pour autant que certaines conditions soient toujours remplies.
Exemples de liens simplesNe le faites pas : Ne pas utiliser l’attribut ahref
Lorsque vous ajoutez une fonctionnalité JavaScript à un lien, vous pouvez envisager d’omettre l’attribut ahref
« Ce n’est pas une bonne idée, » dit M. Splitt.
La raison en est que le lien ne fonctionnera que si le JavaScript fonctionne correctement.
Sans un attribut ahref, les crawlers ne pourront pas déterminer où un lien va, car le crawler n’exécute pas JavaScript.
Ne le faites pas : Utiliser les URL de Psuedo
Il n’est pas non plus utile d’ajouter un attribut ahref sans une 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 le faites pas : Utiliser les boutons
L’utilisation d’un bouton peut sembler une option viable pour ajouter un lien à une page, mais ce n’est pas non plus une bonne idée.
En règle générale, si un lien déclenche quelque chose sur la page en cours, il devrait probablement s’agir d’un bouton.
D’autre part, si un lien amène un utilisateur à un autre contenu qui ne figurait pas sur la page précédente, il doit s’agir d’un lien standard.
Ne le faites pas : Compter sur les gestionnaires de clics
Les propriétaires de sites ne doivent pas non plus simuler les liens en utilisant d’autres éléments HTML et en utilisant un gestionnaire de clic en JavaScript, par exemple.
Cela brise les fonctions d’accessibilité intégrées et n’est pas une bonne idée.
Faire : Utiliser le HTML sémantique
L’essentiel est d’utiliser un balisage HTML sémantique et de faire pointer votre lien vers une URL correcte.
Qu’est-ce qu’une URL correcte ? C’est ce qui est expliqué dans la section suivante.
Utilisation des « bonnes » URL
Ces URL sont des exemples typiques de ce qui est considéré comme une « URL correcte » :
Ce sont des URL correctes car elles contiennent les attributs suivants :
- Un protocole
- Un hôte
- Un chemin vers un contenu spécifique
- Un identificateur de fragment (facultatif)
Méfiez-vous des identificateurs de fragments
Étant donné que les identificateurs de fragments sont facultatifs et qu’ils pointent vers des emplacements dans le même élément de contenu, les crawlers les ignorent.
C’est particulièrement important à noter si vous construisez une application à page unique avec des liens remplis d’identificateurs de fragments.
Les robots ne suivront pas les liens et ne pourront donc pas comprendre l’application web.
En résumé
Voici les principaux éléments à retenir du premier épisode de Google Lightning Talks :
- Utilisez un balisage de lien approprié.
- N’utilisez pas de fragments pour charger des contenus différents dans des applications d’une seule page.
- Construisez des sites web qui fonctionnent bien avec JavaScript et les liens seront trouvés.
Auteur/autrice
