Lien hypertexte

Définition

Un lien hypertexte, appelé parfois « hyperlien » ou plus simplement « lien » dans le monde du web, est un élément d’une page web qui, lorsque l’internaute clique dessus, dirige celui-ci vers une autre page web.Cet élément peut être une image (une photo, un bouton), un texte ou une zone de la page. Il est d’usage qu’un hyperlien textuel soit souligné et d’une autre couleur que le reste du texte (la couleur historique des liens hypertexte est le bleu).Les liens sont à la base du web : c’est grâce à eux que les internautes peuvent naviguer d’une page à l’autre, et ainsi explorer le World Wide Web.

D’un élément vers un autre

Le lien hypertexte n’est pas exclusivement réservé au domaine du web ou dans le mode du SEO. Le lien hypertexte est également utilisé dans différents autres éléments informatiques. Par exemple, un lien intégré dans un fichier Word et ouvrant un autre fichier Word lorsque l’on clique dessus est un lien hypertexte. Il est donc utilisé dans les outils de bureautiques et dans divers autres logiciels, programmes et éléments informatiques. Dans tous les cas, un lien hypertexte peut se faire sur un ou plusieurs mots, ou sur une image. Il est très facile à mettre en place et ne nécessite pas une connaissance approfondie en programmation. En webmarketing, les liens hypertextes permettent de hiérarchiser les pages d’un site, mais aussi de créer des liens externes vers d’autres sites. Ils sont donc des éléments indispensables pour la navigation et le référencement naturel.

Syntaxe et attributs des liens

Syntaxe html d’un lien hypertexte

Pour être considéré comme un lien, un élément doit être entouré par une balise html qui contiendra l’url de destination du lien dans un attribut href. La syntaxe html basique pour réaliser un lien hypertexte est :

<a href="url-de-destination">texte du lien</a>

Si l’élément est une image, on remplacera le texte par une balise <img>, pour une zone, on placera un <div> entre <a> et </a>.Il est possible d’enrichir les informations relatives à un lien en lui ajoutant des attributs. Leur liste exhaustive est décrite ici (le lien hypertexte ci-contre est enrichi d’un attribut title).

Attribut title

L’attribut « title » permet d’afficher, dans certains navigateurs, un texte lorsque l’internaute survole un lien (c’est à dire qu’il place sa souris dessus sans cliquer). Syntaxe :

<a href="url-de-destination" title="ceci est un test">texte du lien</a>

Contrairement à une idée reçue, le contenu de l’attribut title n’est pas pris en compte par les moteurs de recherche en tant que critère de positionnement.

Attribut rel

L’attribut rel permet notamment de spécifier si un lien doit être suivi ou non par les moteurs de recherche dans une optique de référencement naturel. Lorsqu’on souhaite effectuer un lien en « nofollow » (par exemple dans le cas d’un programme d’affiliation), on ajoutera : rel = « nofollow » au code du lien.

Types de liens

On distingue deux types de liens hypertextes :

• Les liens internes, qui pointent vers une autre page du même site web. On utilisera alors de préférence un chemin relatif pour l’url de destination (/ma-page au lieu de https://www.monsite.com/ma-page).
• Les liens externes, qui pointent vers une page d’un autre site web que le site web où est placé le lien.

Dans le vocabulaire du SEO, on parle d’un côté de linking interne, et de l’autre de backlinks.

Des liens hypertextes de qualité

Sur internet il est important de vérifier que chaque lien hypertexte fonctionne correctement. Certains peuvent notamment se transformer en lien brisé ou mort suite à une erreur ou à une évolution de la page vers laquelle ils renvoient. Il ne faut pas non plus abuser des liens. Les liens internes doivent notamment respecter l’arborescence du site et la hiérarchisation des différentes pages. Pour optimiser le référencement naturel des pages d’un site web, il est nécessaire de proposer des liens hypertextes pertinents qui vont attirer l’intérêt de l’internaute.

Pour aller plus loin, nous vous invitons à découvrir notre agence SEO et à télécharger notre livre blanc « Placez le Search Engine Marketing au cœur de votre Stratégie d’Acquisition »