Lien
Qu’est-ce qu’un lien ?
Un “lien” ou un “hyperlien” est un objet HTML qui vous permet d’aller d’un endroit à un autre sur internet. Lorsque vous cliquez sur un lien, il vous redirige vers une autre page. C’est grâce à ce mécanisme que les internautes se déplacent sur internet.
On retrouve des liens sur toutes les pages web qui existent. Ils permettent de faciliter la navigation entre les pages et nous évitent de devoir entrer l’adresse exacte de la page sur laquelle on souhaite se rendre. Il suffit de cliquer sur un lien pour se retrouver instantanément là où on veut être.
Si les liens sont si pratiques, c’est aussi parce qu’on peut les attacher à d’autres éléments HTML, comme des images ou des bouts de texte. Un texte qui sert d’ancrage à un lien sera généralement affiché en bleu ou en rouge. La couleur standard sur la plupart des navigateurs est généralement le bleu, mais vous pouvez attribuer à vos liens la couleur de votre choix en utilisant des styles HTML et CSS.
Lorsqu’elle est attachée à une image, la balise lien entoure la balise image de telle sorte que la balise image soit nichée au cœur de la balise lien et que l’image elle-même devienne l’ancre pour le lien. Cela signifie qu’il suffira à vos visiteurs de cliquer sur l’image pour être redirigés vers le lien.
Différents types de liens
Maintenant que vous savez ce que sont les liens, voyons quels sont les types de liens qui existent et que vous êtes susceptibles de rencontrer, surtout si vous vous intéressez au SEO.
Les liens <a>
Un lien <a> est un balise SEO. La plus grande partie des liens entre domaines internes et externes est mise en œuvre par le biais de cette balise HTML. Les liens <a> fonctionnent en créant un hyperlien avec un attribut href qui comprend la destination du lien ainsi qu’un texte d’ancrage.
Voici un exemple : <a href=”https://www.somethingcool.com”>Rendez-vous sur SomethingCool.com!</a>
Les liens image
Les liens images sont utilisés par les moteurs de recherche pour comprendre la pertinence des images proposées aux internautes. Ils comprennent le texte alternatif et la balise titre de l’image.
Voici un exemple: <a href=”https://www.somethingcool.com”>
<img src=”somethingcoollogo.jpg” alt=”Logo de Somethingcool deux carrés rouges qui s’entrecroisent” />
</a>
Les liens JavaScript
Il faut savoir que les liens JavaScript ne peuvent pas tous être explorés par les moteurs de recherche, mais il est possible de créer des liens explorables. Voici un exemple :
script>
var a = document.createElement(‘a’);
var linkText = document.createTextNode(“mon titre”);
a.appendChild(linkText);
a.title = “mon titre”;
a.href = “https://somethingcool.com”;
document.body.appendChild(a);
</script>
Les liens Rel
Les liens Rel contiennent un attribut rel qui spécifie la relation entre le document actuel et la source à laquelle il est lié. En SEO, les liens rel sont surtout utilisés comme des balises canoniques. Les balises canoniques permettent d’indiquer aux moteurs de recherche quelles sont les pages qu’ils doivent indexer. Les balises canoniques sont importantes car elles permettent d’éviter les problèmes de contenu dupliqué. Voici un exemple :
<link rel=”canonical” href=”https://www.somethingcool.com”>
Les liens Nofollow
Les liens Nofollow vous permettent d’indiquer aux moteurs de recherche de ne pas prendre en compte une page. C’est une technique qui vous permet d’améliorer votre budget d’exploration. Il existe deux façons de mettre en place des liens Nofollow :
<meta name=”robots” content=”nofollow” />
<a href=”example.php” rel=”nofollow”>Inscrivez-vous</a>
À retenir
Les liens jouent un rôle important dans l’architecture d’internet. Ils facilitent la navigation et nous permettent d’en profiter un maximum ! Afin d’atteindre les classements que vous souhaitez atteindre, vous devez arriver à comprendre et à maîtriser le pouvoir des liens. Croyez-moi, vous ne le regretterez pas.