Focus sur le lien hypertexte

Nous ne pouvons pas aborder la notion de popularité et détailler les enjeux autour du netlinking sans d’abord consacrer quelques lignes à l’essentiel : le lien hypertexte.

La construction HTML du lien hypertexte

Pour ajouter un lien dans un contenu, vous devez utiliser le code HTML suivant :

<a href=’’https://www.url-de-destination.com’’>cliquez ici</a>

Ce code HTML peut être séparé en trois parties distinctes :

  • <a href=’’https://www.mondomaine.com/mapage.html’’> précise l’URL de destination. Nous pouvons préciser ici d’autres informations comme l’ouverture du lien dans un nouvel onglet, ou encore définir un texte qui apparaît au survol de la souris ;
  • La partie cliquable d’un lien est située entre les deux balises <a></a>. il peut s’agir le plus souvent d’un texte ou d’une image. Si vous choisissez une image, vous devrez renseigner l’attribut ALT pour que Google puisse associer un texte à votre lien ; 
  • </a> ferme le lien. Sans cette balise, tout le contenu qui suit serait cliquable. L’ancre de lien désigne les mots utilisés dans la partie cliquable du lien. Elle joue un rôle important en netlinking, comme nous le verrons plus tard.

Le cas particulier du lien sur une image

Un lien peut être posé sur une image à la place d’un texte. Pour proposer une ancre de lien aux moteurs de recherche, vous  devrez exploiter l’attribut ALT de l’image.

<a href=’’https://www.url-de-destination.com’’><img src=’’https://www.monsite.com/image.jpg’’ alt=’’mon ancre de lien’’/>< /a>

Dans la version en texte seul du cache Google, vous verrez apparaître l’attribut ALT comme ancre de lien.

Les différents attributs d’un lien

Nous vous avons présenté le lien hypertexte le plus simple qui soit. Mais la balise HTML <a></a> peut contenir bien d’autres informations que l’URL de destination. Nous vous présentons  une sélection des attributs les plus utiles aux référenceurs pour le netlinking.

Les attributs rel expriment une relation particulière entre la page qui héberge le lien et l’URL de destination :

  • Rel=’’nofollow’’ : vous demandez aux moteurs de recherche de ne pas suivre les liens possédant un attribut nofollow ;
  • Rel=’’noreferrer’’ : avec cet attribut, vous empêchez l’éditeur  d’un site vers lequel vous faites un lien d’obtenir des informations sur le trafic que vous lui apportez ;
  • Rel=’’alternate’’ : cet attribut est utilisé quand votre site possède plusieurs versions d’une  même page, comme une version mobile ou desktop, ou encore une version anglaise et française ;
  • Rel=’’prev’’ et  rel=’’next’’ : ces deux attributs sont utilisés dans le cas d’une pagination profonde, lorsqu’une catégorie contient par exemple trop d’articles pour les citer tous sur une seule page.

EXEMPLE DE LIEN

<a href=’’https://www.amazon.fr/’’ rel=’’ nofollow ‘’ target=’’_blank’’>Amazon</a>

  • Lien vers la page d’accueil du site Amazon.fr
  • Ancre de lien : Amazon (texte entre les deux balises)
  • Non suivi par Google (présence de l’attribut rel=’’nofollow’’)
  • Ouverture dans un nouvel onglet (présence de l’attribut target=’’_blank’’)

Les attributs target indiquent l’emplacement d’ouverture du lien :

Target=’’_blank’’ : le lien s’ouvre dans une nouvelle fenêtre. Nous vous conseillons de toujours l’utiliser quand vous renvoyez vers un autre site que le vôtre : un nouvel onglet s’ouvre et l’internaute ne quitte pas réellement votre site.

Target=’’_self’’ : le lien s’ouvre dans la même fenêtre.  Puisque c’est déjà le cas par défaut, cet attribut est facultatif.

Vous souhaitez affichez un texte au survol de la souris ? Vous pouvez utiliser l’attribut

 Title=’’mon texte ici’’. L’intérêt  SEO est limité, car c’est l’ancre du lien (ou l’attribut ALT dans le cas d’une image) qui a le plus de poids. 

EXEMPLE DE LIEN

<a href=’’https://www.parlonsdigital.com/services/referencement-naturel/’’ title=’’votre agence de référencement naturel’’><img src=’’https://www. parlonsdigital.com/logo.jpg’’ alt=’’Agence SEO Parlons Digital’’></a>

  • Lien vers la page

https://parlonsdigital.fr/nos-services/

  • Ancre de lien : Agence SEO Parlons Digital (attribut ALT de l’image)
  • Suivi par Google (absence de l’attribut rel=’’nofollow’’)
  • Ouverture dans le même onglet (absence de  l’attribut target=’’_blank’’)
  • Texte affiché au survol de la souris (attribut Title=’’votre agence de référencement naturel’’)

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée.