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.
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 http://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.
Pour aller plus loin, nous vous invitons à télécharger notre livre blanc: « Inbound Marketing : faire de sa marque un média et convertir son audience en client » et à contacter notre agence SEO.
