Liens A Href : Qu’est-ce que c’est et comment les utiliser

Qu’est-ce qu’un lien A Href ?

Un « lien a href » (ou « lien href ») est un code HTML qui utilise une balise <a> et un attribut href pour créer un hyperlien cliquable.

Par exemple, ce lien href crée l’hyperlien « Semrush » :

Il existe d’autres types de liens HTML (par exemple, la balise <link>). Et d’autres façons de créer des hyperliens (par exemple, avec JavaScript). Mais la plupart des liens sont créés en utilisant des balises <a>, également connues sous le nom de balises d’ancrage ou éléments d’ancrage.

Les éléments d’ancrage sont définis par la balise de début <a> et la balise de fin </a>.

L’attribut href (attribut de référence hypertexte) définit la destination ou la cible du lien. Il s’agit souvent d’une URL de page web. Mais il existe d’autres valeurs possibles.

Les balises d’ancrage doivent également inclure un contenu d’ancrage — le contenu auquel le lien est attaché. Dans de nombreux cas, il s’agit de texte d’ancrage (par exemple, « Semrush »). Mais cela peut être un élément HTML, tel qu’une image.

Votre système de gestion de contenu (CMS) pourrait disposer d’outils qui éliminent le besoin de coder manuellement des liens a href. Mais il est utile de comprendre comment ils fonctionnent en arrière-plan.

Conseil : Vérifiez les problèmes de liens et autres problèmes techniques sur votre site avec l’outil Site Audit de Semrush. Vous pouvez analyser jusqu’à 100 URL gratuitement.

Pourquoi les liens Href sont-ils importants ?

Les liens href sont importants car ils constituent la façon la plus couramment utilisée de créer des hyperliens. Et les hyperliens aident les utilisateurs et les araignées web à naviguer sur Internet et à accéder aux ressources numériques.

Il existe deux principaux types d’hyperliens que vous pouvez ajouter à votre site web : les liens internes et les liens externes. Et les liens a href vous permettent de créer les deux.

Les liens internes sont des hyperliens vers des emplacements ou des ressources sur votre domaine.

Exemples :

• Liens de navigation vers d’autres pages de votre site
• Liens contextuels vers d’autres pages de votre site
• Liens d’ancrage (ou liens de saut) sur vos pages
• Liens vers des fichiers (par exemple, des ebooks) sur le serveur de votre domaine

En utilisant efficacement les liens internes, vous encouragez les utilisateurs à explorer votre site. Cela pourrait signifier qu’ils sont plus susceptibles d’effectuer un achat, de partager votre contenu ou de prendre une autre action souhaitable.

De plus, les liens internes aident Google à découvrir les pages de votre domaine. Et à comprendre comment elles s’intègrent les unes aux autres. Cela peut mener à des classements plus élevés dans les pages de résultats des moteurs de recherche (SERP).

Les liens externes (ou liens sortants) sont des hyperliens vers des emplacements ou des ressources en dehors de votre domaine.

Utilisés correctement, les liens externes ajoutent de la valeur à votre contenu.

Par exemple, vous pouvez instaurer la confiance en liant vers des sources fiables. Ou partager un outil utile qui n’est pas disponible sur votre site.

John Mueller de Google affirme que les liens externes vers des sites réputés n’aident pas au classement des sites web. Mais de nombreux professionnels du SEO estiment qu’ils le font.

5 Meilleures Pratiques pour les Liens A Href

Lors de la création de liens a href, suivez ces meilleures pratiques pour vous assurer que vos hyperliens fonctionnent correctement. Et bénéficient au maximum à votre site.

1. Choisissez la Bonne Valeur d’Attribut Href

La valeur de l’attribut href est la destination du lien. Cela peut être une page web, une partie d’une page web, un fichier, une adresse e-mail ou un numéro de téléphone, par exemple.

La destination du lien est placée entre les guillemets de l’attribut href, comme ceci :

Explorons les principaux types de valeurs href :

URL Relatives

Une URL relative est un chemin vers une ressource sur le même site web.

Par exemple, le logo de notre blog Semrush a la valeur href « /blog/ » :

Certains développeurs web utilisent des URL relatives pour tous les liens internes. Parce qu’elles sont concises. Et qu’elles peuvent encore fonctionner après une migration de site.

Cependant, nous recommandons d’utiliser des URL absolues à des fins SEO.

URL Absolues

Une URL absolue est le chemin complet vers une URL, incluant le protocole, le domaine et tout chemin ou paramètre supplémentaire.

Par exemple :

Vous devrez utiliser des URL absolues lors de l’ajout de liens externes.

Mais elles sont également utiles pour les liens internes. Parce que vous pouvez toujours lier vers l’URL canonique — la version préférée d’une page dupliquée.

Cela élimine toute ambiguïté ou confusion pour les moteurs de recherche. Donc cela peut aider votre SEO.

Dans une vidéo de Google, John Mueller a déclaré que lier vers des URL canoniques « a probablement un peu plus de sens, car vous n’avez pas à vous soucier de choses comme l’accès à la version non-WWW de votre site web. »

Liens d’Ancrage

Les liens d’ancrage (ou liens de saut) sont des liens vers différentes parties de la même page.

Par exemple, tous les liens dans la table des matières de cet article sont des liens d’ancrage.

Pour créer un lien de saut, donnez à l’élément vers lequel vous souhaitez lier un attribut id (id= »nom-id »).

Comme ceci :

Ensuite, créez le lien en utilisant #nom-id comme valeur href.

Comme ceci :

Alternativement, utilisez href= »#top » ou href= »# » pour créer un saut vers le haut de la page.

Liens Mailto

L’attribut href= »mailto: » crée un lien mailto qui ouvre un nouveau e-mail dans le programme de messagerie de l’utilisateur.

Il est généralement utilisé en combinaison avec une adresse e-mail cible.

Par exemple, nous avons un lien href comme celui-ci dans le pied de page de notre site :

Cliquer sur l’hyperlien crée un brouillon d’e-mail comme ceci :

Vous pouvez également ajouter des paramètres tels qu’une ligne d’objet, un contenu du corps et une adresse CC au code a href.

Supposons que vous souhaitiez que les candidats à un emploi envoient leur CV à jobs@example.com avec la ligne d’objet « Poste de Développeur Web ».

Pour le faciliter, vous pourriez ajouter un lien HTML comme celui-ci :

Notez que « %20 » est utilisé à la place des espaces. Il s’agit d’un exemple de codage URL — un processus qui aide à s’assurer que les paramètres fonctionnent correctement.

Liens Tel

Pour créer un lien tel, utilisez l’attribut href= »tel: » en combinaison avec le numéro de téléphone.

Comme ceci :

Lorsque l’utilisateur clique sur l’hyperlien sur un appareil compatible, cela ouvrira le numéro dans son application de numérotation. Rendant facile pour lui de vous appeler.

2. Utilisez d’Autres Attributs de Balise d’Ancrage

L’attribut href est important dans un élément d’ancrage car il définit la destination du lien. Mais vous pouvez ajouter d’autres attributs de balise d’ancrage pour déterminer ce qui se passe lorsque l’utilisateur clique sur le lien.

Ces attributs peuvent également aider les moteurs de recherche à comprendre vos liens. Et donc bénéficier à votre SEO.

Voici un aperçu rapide des plus courants :

Attribut d’Ancrage	Objectif	Exemple de Balise d’Ancrage
Download	Indique au navigateur de télécharger la ressource liée au lieu de l’ouvrir. Incluez un nom de fichier descriptif entre les guillemets.	<a href= »example.pdf » download= »NomFichier »>Télécharger </a>
Rel	Informez les moteurs de recherche de la relation de votre site avec la ressource liée. Par exemple, rel=“nofollow” demande aux moteurs de recherche d’éviter de traiter le lien comme une approbation de la page liée. (C’est un concept important en construction de liens.)	<a href= »https://www.example.com/ » rel= »nofollow »>Texte d’Ancrage</a>
Target	Indique au navigateur où ouvrir le lien. Par exemple, target= »_blank » ouvre la ressource dans un nouvel onglet ou fenêtre. Tandis que target= »_self » le garde dans le même cadre.	<a href= »https://www.semrush.com/ » target= »_blank »>Semrush</a>
Title	Affiche un tooltip lorsque l’utilisateur survole le lien. Incluez le texte du tooltip entre les guillemets.	<a href= »https://www.semrush.com/ » title= »Page d’accueil Semrush »>Semrush</a>

Conseil : Certaines sortes de liens provenant d’autres sites (backlinks) peuvent bénéficier à votre SEO. Avec l’outil Backlink Analytics de Semrush, vous pouvez facilement analyser vos backlinks et les comparer à ceux de vos concurrents.