On en parle souvent, notamment lorsque l'on évoque les stratégies
d'optimisation off page , mais jusqu'à présent nous n'avions jamais porté notre attention sur les définitions de base : aujourd'hui au lieu de cela nous prenons un peu de recul vers les bases du SEO et de l'informatique en expliquant
ce qu'est un lien et parce que
les hyperliens sont un élément central du Web.
Lier ce qui est : sens et définition
Partons tout de suite de la
définition de lien en informatique : une référence contenue dans un hypertexte, généralement défini via du code HTML, qui par un clic permet d'activer un passage d'une ressource à une autre, comme entre deux documents ou pages Web.
Le sens de lien est donc contenu dans le mot lui-même, qui en anglais signifie connexion, connexion
, nexus : en effet, l'hyperlien est précisément un
lien hypertexte qui aide l'utilisateur à
se déplacer d'un point A (représentant la ressource sur laquelle se trouve l'utilisateur à ce moment, la page où réside le lien) à un point B (la
page d'arrivée ou de destination du lien).
Au cours de notre routine quotidienne d'utilisateurs du Net, nous rencontrons et utilisons les liens pratiquement à tout moment, pour
approfondir un sujet dans un autre contenu (interne ou externe au site que nous consultons), pour changer de section du site
en cliquant sur le menus , pour
télécharger un fichier ou pour activer
des fonctions particulières : en pratique, donc, on ne pourrait pas naviguer sans liens et on ne pourrait pas découvrir de pages web sans liens.
Les origines du web
Déjà à partir de là, nous comprenons que les liens sont étroitement liés au fonctionnement du World Wide Web : comme nous le savons, le futur
service principal d'Internet a été décrit pour la première fois en 1989 par Tim Berners-Lee, qui parlait d'un vaste domaine
de des hypermédias d'information qui offrent un accès universel aux documents.
Partage d'informations et de documents
Selon diverses sources, cette idée est née au CERN à Genève grâce à une
pincée d'Italie : le chercheur anglais a remarqué certains collègues italiens qui transmettaient des informations par ligne téléphonique d'un étage à l'autre du prestigieux laboratoire suisse en visionnant des
informations vidéo . De ce point de départ, Berners-Lee et son collègue Robert Cailliau ont émis l'hypothèse d'un
logiciel de partage de documentation scientifique au format électronique quelle que soit
la plateforme informatique utilisée, utile pour améliorer la communication et la collaboration entre les chercheurs de l'institut.
Pour concrétiser l'idée, il entame également la définition de
standards et de protocoles d'échange de documents sur les réseaux informatiques, qui généreront plus tard le langage HTML et le premier protocole réseau HTTP. Tout trouva sa première réalisation le 6 août 1991, lorsque Tim Berners-Lee publia
le premier site internet , qui attendit 17 jours la première visite d'un utilisateur extérieur au centre de recherche, avec un clic arrivant précisément le 23 août suivant.
Quels sont les liens et les noeuds du Net ?
Revenant à notre thème, même sur la page Wikipédia dédiée au WWW nous lisons que la "principale caractéristique du Web est que les
nœuds qui le composent sont reliés les uns aux autres par des soi-disant liens (hyperliens), formant un
énorme hypertexte , et ses services peuvent être mis à disposition par les internautes eux-mêmes ».
Les liens sont donc un élément fondamental pour rendre possible
le projet Web car ils représentent le lien qui permet de profiter de cet hypertexte global composé de tous les sites du monde consultables
par tous.
Le sens de lien : lien entre sites, mais pas que
Grâce aux liens, abréviation de
lien hypertexte , il est possible de connecter des pages Web de manière non séquentielle, même si elles appartiennent à
des sites différents , de télécharger des contenus particuliers,
d'accéder à des fonctions spécifiques et, en bref, d'utiliser tous les hubs du Net.
Ainsi, les liens sont l'épine dorsale du Web, ou mieux encore son
système nerveux central , et ils peuvent servir de moyen principal de
navigation , d'outil
de citation d'informations , de symbole de
confiance , de méthode de promotion...
Qu'est-ce qu'un lien ?
En ce qui concerne les aspects techniques, un lien est un
objet HTML qui vous permet de vous déplacer vers une nouvelle position lorsque l'utilisateur clique
ou touche la partie sur les écrans tactiles ; ces liens se trouvent dans presque toutes les pages Web et représentent, comme mentionné, le moyen le plus simple
de naviguer entre les pages Web.
Comment sont les liens
Les liens peuvent être insérés ou appliqués à du texte, des images, des zones ou des sections entières de la page web, voire d'autres éléments HTML, et se distinguent généralement graphiquement des autres caractères de la page, soit par un affichage permanent, soit par un survol de la souris : dans la plupart des cas, les liens sont bleus (comme dans les SERP de Google), ce qui est la couleur standard des navigateurs web, mais il est possible de personnaliser ce paramètre en utilisant des styles HTML ou CSS - par exemple, ici sur le blog, nous utilisons le rouge. Aux débuts du Net, les liens étaient soulignés par défaut, mais aujourd'hui ce choix est moins courant. Des photos aussi ils peuvent contenir un lien, devenant à leur tour un objet cliquable et un lien vers une autre ressource.
Un autre élément qui
caractérise les liens est le soi-disant texte d'ancrage , c'est-à-dire la
chaîne de contenu que l'utilisateur voit sur la page et qui l'accompagne pour atteindre la destination ; dans certains cas, cependant, nous pouvons avoir des liens sur des images (avec la balise alt qui fait office d'ancre pour Google) ou sur des éléments dynamiques.
Quels sont les différents types de liens ?
Il existe donc de nombreux types de liens que nous pouvons rencontrer et utiliser sur le Net, différents en termes de caractéristiques, de fonctions et d'utilisations.
Le plus courant est le
lien hypertexte textuel , qui utilise un mot ou une phrase d'ancrage pour diriger l'utilisateur vers des ressources ou des pages autres que celle en cours ; le fonctionnement d'un
lien hypertexte vers une image est similaire , mais c'est l'image qui est cliquable et mène à un autre document en ligne. D'autres exemples de liens sont
les signets , c'est-à-dire les éléments que nous pouvons stocker dans le navigateur, dans une application ou sur un site Web spécifique, et les liens e-mail, des liens hypertextes spéciaux qui vous permettent d'envoyer un e-mail à l'adresse définie et affichée.
En fonction de la
position et du "sens", alors, on peut identifier ces autres types de liens (qui peuvent aussi être utiles à connaître d'un point de vue SEO) :
- Liens internes , liens hypertextes qui dirigent vers d'autres pages appartenant au même domaine.
- Liens sortants ou liens sortants, liens qui pointent vers d'autres ressources Web (ceux entre le domaine principal et le sous-domaine sont également considérés comme des liens sortants ).
- Les backlinks , ou liens entrants : ce sont les précieux liens entrants sur notre site, et donc les liens hypertextes hébergés sur un autre domaine qui pointent vers nos pages.
- Les ancres internes sont des références à des sections spécifiques de la même page, avec lesquelles l'utilisateur peut "sauter" au point souhaité.
- Liens permanents ou permaliens , qui sont des adresses non modifiables de pages Web.
Enfin, il convient de clarifier la
distinction entre lien relatif et lien absolu , utile pour gérer un site et un blog, comme déjà expliqué en parlant des notions équivalentes d' URL relative et d'URL absolue .
Simplement, un lien absolu est défini comme un lien qui montre l'intégralité de l'adresse du site dans son intégralité, y compris le nom de domaine et l'indication de protocole - par exemple <a href=”https://www.example.it/”> Exemple </a > est un
lien absolu ou
une URL absolue ; en revanche, le
lien relatif n'inclut pas le nom de domaine, comme dans l'exemple des
liens relatifs ou
des URL relatives <a href="/example/default.asp">Exemple</a>.
Habituellement, il est suggéré d'utiliser le lien relatif pour établir
des liens internes vers le même domaine (pour lequel il n'est pas nécessaire de répéter le domaine) et le lien absolu pour
les liens sortants vers d'autres sites, mais il y a aussi ceux qui préfèrent utilisez toujours des liens absolus (c'est notre cas, par exemple).
Exemples de liens : à quoi ressemble un lien dans le code HTML
Plus précisément, il s'agit d'un exemple de
lien et en particulier d'une chaîne qui identifie un lien
textuel interne : <a href="/blog/eventi">Événements</a>, qui renvoie à la section Événements de notre blog. Il s'agit précisément d'un
lien relatif , car il n'inclut pas le nom de domaine, et puisque le lien commence par un
slash il renvoie au répertoire racine (sinon il serait relatif à l'URL courante).
Que signifie href et quels sont les attributs du lien ?
À ce stade, nous pouvons approfondir certains détails techniques concernant les liens et, en particulier, les attributs HTML que nous pouvons ajouter pour donner les
instructions correctes sur le fonctionnement des liens au navigateur et offrir certains
signaux aux moteurs de recherche .
Dans le langage HTML, chaque lien est introduit par une balise <
a href >, une expression qui a une signification et une histoire très précises : le « a » est l'initiale de «
àncora » (ancre en anglais), depuis les premiers documents hypertextes ils étaient liés à des ancres (ou des marqueurs) dans la même page, plutôt qu'à d'autres pages ; "href" est l'abréviation de
référence hypertexte ou "référence hypertexte".
Aujourd'hui encore, le <a> identifie et définit la présence d'un lien hypertexte entre documents, tandis que l' attribut href indique l'adresse vers laquelle pointe le lien, c'est-à-dire sa destination précise.
Les autres attributs que nous pouvons utiliser sur les liens servent comme mentionné pour définir certaines caractéristiques et influencer le comportement : avec
titre nous définissons la description textuelle du lien, qui s'affiche lorsque la souris passe sur le lien ; avec
cible nous clarifions où ouvrir le lien (target="_blank", par exemple, est la commande classique pour définir l'ouverture du lien dans un nouvel onglet vide et non dans la même page) ;
img sert à utiliser une image comme lien ;
mailto : permet de créer un lien qui ouvre automatiquement le
programme de messagerie de l'utilisateur .
Dans le domaine du référencement, nous ne pouvons donc certainement pas oublier les attributs rel= qui sont utilisés pour communiquer les valeurs de ce lien aux robots des moteurs de recherche : en particulier, l'attribut est le signal classique pour ne pas donner de poids SEO à cela . lien, qui ne doit pas être suivi et ne doit pas permettre de passer le PageRank ; deux autres attributs sont le rel="
sponsorisé ", qui sert à définir
des liens promotionnels et hébergés contre paiement ou accord, et le rel="
UGC ", avec lequel marquer les pages qui hébergent du contenu généré par l'utilisateur .
Meilleures pratiques SEO pour les liens
À la mi-
février 2023 , Google a publié une version considérablement révisée de sa documentation
sur les meilleures pratiques en matière de liens , qui se concentre spécifiquement sur les techniques permettant de rendre nos liens
explorables afin que Google puisse trouver d'autres pages de votre site via les liens sur la page et d'
améliorer l'ancrage . texte afin qu'il soit plus facile pour les gens et pour Google de donner un sens à notre contenu.
Le guide s'ouvre en soulignant que "Google utilise les liens comme un
signal pour déterminer la
pertinence des pages et pour trouver
de nouvelles pages à explorer", un mémorandum utile pour nous aussi.
Le document d'origine (illustré ci-dessous) expliquait uniquement comment créer
des liens explorables , tandis que le document actuel se concentre sur des sujets tels que
les emplacements de texte d'ancrage ; écrire
un bon texte d'ancrage ; insérer
des liens internes dans le contenu ;
liens externes provenant d'autres sites.
Les conseils de Google pour améliorer la crawlabilité des liens
La première section est très similaire au document original, avec quelques ajouts nécessaires.
Il nous dit maintenant que "en général, Google ne peut explorer vos liens que s'ils sont un
élément HTML <a> (également appelé élément d'ancrage) avec un attribut href", car "la plupart des liens dans
d'autres formats ne seront pas analysés et extraits par les robots d'exploration de Google ». La raison en est que Google n'est pas en mesure d'extraire "de manière fiable" les URL des éléments <a> qui
n'ont pas d'attribut href ou d'autre balise de liaison en raison d'événements de script. Cependant, les liens peuvent également être explorés lorsque
nous utilisons JavaScript pour les insérer dynamiquement dans une page, tant que nous utilisons le balisage HTML spécifié.
Il est également important de vérifier que l'URL liée par la balise <a> est une
véritable adresse Web (une URL
résoluble qui
ressemble à un URI) à laquelle Googlebot peut envoyer des requêtes.
Texte d'ancrage, directions Google
Le paragraphe dédié à la gestion du texte d'ancrage est totalement nouveau .
Pour Google, le texte d'ancrage (également appelé texte de lien ou texte de lien) est le texte
visible d'un lien et "indique aux gens et à Google quelque chose sur la page vers laquelle vous créez un lien".
En règle générale, le texte d'ancrage doit être placé entre les éléments <a> que Google peut explorer.
Le guide fournit également quelques exemples de texte d'ancrage de positionnement
bien ou mal écrit du point de vue de l'emplacement.
Alternativement, Google peut utiliser
l'attribut title comme texte d'ancrage si l'élément <a> est vide pour une raison quelconque.
Pour les images en tant que liens, Google utilise
l'attribut alt de l'élément img comme texte d'ancrage. Il est donc important d'ajouter un texte alt
descriptif à vos images.
Si nous utilisons
JavaScript pour insérer un texte d'ancrage, c'est une bonne idée d'utiliser l' outil d'inspection d'URL pour s'assurer qu'il est présent dans le code HTML affiché.
Comment écrire un bon texte d'ancrage ?
Le nouveau document se concentre également sur la manière d'
écrire un texte d'ancrage efficace ou d'utiliser les adjectifs de Google "descriptif, raisonnablement concis et pertinent pour la page sur laquelle il se trouve et la page vers laquelle il renvoie". Un bon texte d'ancrage fournit
un contexte pour le lien et définit
les attentes des lecteurs. Plus le texte d'ancrage est bon, dit le guide, plus il sera facile pour les gens de naviguer sur le site et pour Google de comprendre
de quoi parle la page à laquelle nous renvoyons.
De plus, comme conseil pratique, nous devrions écrire aussi
naturellement que possible et résister à "l'envie de caser tous les mots clés liés à la page vers laquelle vous créez un lien" (également parce que le
bourrage de mots clés est une violation des politiques anti-spam de Google), en regardant pour n'insérer que les mots-clés nécessaires au lecteur pour comprendre la page suivante et sans forcer excessif.
Tout le texte doit
donner un contexte aux liens - les mots avant et après les liens sont importants, nous devons donc faire attention à la
phrase dans son ensemble . Toujours d'un point de vue pratique, il est préférable de ne pas
enchaîner les liens les uns à côté des autres, car il est plus difficile pour les lecteurs de distinguer les liens de cette manière et on perd également le texte environnant pour chaque lien.
Pour comprendre si nous avons choisi un bon texte d'ancrage, nous pouvons faire un test simple, la page suggère : lisez le texte d'ancrage isolé et hors contexte et vérifiez s'il est suffisamment
spécifique pour avoir du sens de toute façon. Si nous ne parvenons pas à déterminer de quoi traite la page, il serait probablement préférable de définir un texte d'ancrage
plus descriptif .
Le guide d'utilisation des liens internes et externes
La dernière partie du document porte sur la gestion des
liens internes et externes au site , en partant du principe qu'"il n'y a pas de nombre magique idéal de liens que doit contenir une page donnée", mais aussi que "si vous pensez qu'il y a
trop de liens , c'est probablement comme ça".
Alors que nous pensons généralement aux liens uniquement en termes de
pointage vers des sites Web externes , il est essentiel de prêter plus d'attention au texte d'ancrage utilisé pour les liens internes, ce qui peut aider à la fois les internautes et Google à comprendre plus facilement
votre site et à trouver d'autres pages du placer. Fondamentalement, chaque page pertinente et intéressante devrait avoir un lien
d'au moins une autre page de notre site, et la suggestion est de réfléchir aux autres ressources du site qui pourraient aider nos lecteurs à comprendre
une page particulière du site en créant un lien vers celle-ci. à ces pages dans leur contexte.
Il ne faut pas avoir peur de faire
des liens vers d'autres sites , précise Google, car l'utilisation de liens externes "peut aider à établir la fiabilité (par exemple, citer les sources utilisées pour l'information)". L'essentiel est de créer des liens vers des sites externes
lorsque cela a du sens et de toujours fournir aux lecteurs un contexte sur ce à quoi ils peuvent s'attendre.
Google ne demande d'utiliser
rel= que lorsque nous ne faisons pas confiance à la source et non pour chaque lien externe sur le site. Par exemple, un bon moment pour utiliser le est si « vous êtes un amateur de fromage et quelqu'un a publié une histoire dénigrant votre fromage préféré, à laquelle vous souhaitez répondre avec un article de réponse ; cependant, vous ne voulez pas donner au site une partie de votre
réputation à partir de votre lien."
Cependant, si nous avons reçu une sorte de
paiement pour publier le lien, nous devons qualifier ces liens de
sponsorisé ou de ; si les utilisateurs sont autorisés à publier des liens sur le site (par exemple, dans une section de forum ou un site de questions et réponses), ces liens doivent être marqués comme
ugc ou .
