Liens A Href : Ce qu’ils sont & 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”:
<a href="https://www.semrush.com/">Semrush</a>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 à l’aide de balises <a>, également appelées 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 de l’ URL d’une page web. Mais il existe d’autres valeurs possibles.
. Les balises d’ancrage doivent également inclure du contenu d’ancrage, le contenu auquel le lien est attaché. Dans de nombreux cas, il s’agit d’un texte d’ancrage (par exemple, « Semrush »). Mais il peut s’agir d’un élément HTML, tel qu’une image.
Votre système de gestion de contenu (CMS) peut disposer d’outils qui éliminent le besoin de coder manuellement les liens href. Mais il est utile de comprendre comment ils fonctionnent en coulisses.
Astuce : Vérifiez les problèmes de liens et autres problèmes techniques sur votre site avec l’outil Site Audit de Semrush. Vous pouvez explorer jusqu’à 100 URL gratuitement.
Trouver et corriger les problèmes de liens
avec l’outil Site Audit
Pourquoi les liens Href sont-ils importants ?
Les liens Href sont importants car ils constituent le moyen le plus couramment utilisé pour créer des hyperliens. Et les hyperliens aident les utilisateurs et les robots d’indexation à 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.
Les exemples incluent :
- 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 livres électroniques) sur le serveur de votre domaine
En utilisant efficacement les liens internes, vous encouragez les utilisateurs à explorer votre site. Cela peut signifier qu’ils sont plus susceptibles d’effectuer un achat, de partager votre contenu ou d’effectuer une autre action souhaitable.
De plus, les liens internes aident Google à découvrir les pages de votre domaine. Et à comprendre comment elles s’articulent entre elles. Cela peut conduire à un meilleur classement 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 renforcer la confiance en créant des liens 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 pensent le contraire.
5 bonnes pratiques pour les liens A Href
Lors de la création de liens a href, suivez ces bonnes pratiques pour vous assurer que vos hyperliens fonctionnent correctement. Et profitent autant que possible à votre site.
1. Choisissez la bonne valeur d’attribut Href
La valeur de l’attribut href est la destination du lien. Il peut s’agir d’une page web, d’une partie d’une page web, d’un fichier, d’une adresse e-mail ou d’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 :
href="valeur"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 elles peuvent continuer à fonctionner après une migration de site.
. Cependant, nous recommandons d’utiliser des URL absolues à des fins de 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 :
href="https://www.semrush.com/blog/"Vous devrez utiliser des URL absolues lors de l’ajout de liens externes.
Mais ils sont également utiles pour les liens internes. Car vous pouvez toujours créer un lien 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. Cela peut donc aider votre SEO.
Dans une vidéo Google, John Mueller a déclaré que créer un lien vers des URL canoniques « a probablement un peu plus de sens, car vous n’avez pas à vous soucier de choses comme [Google ou les utilisateurs] accédant à la version sans 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 créer un lien un attribut id (id=”id-name”).
Comme ceci :
<h2 id="faqs">FAQ</h2>Ensuite, créez le lien en utilisant #id-name comme valeur href.
Comme ceci :
<a href="#faqs">passer à nos FAQ</a>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 nouvel e-mail dans le programme de messagerie de l’utilisateur.
Il est généralement utilisé en combinaison avec une adresse e-mail de destination.
Par exemple, nous avons un lien href comme celui-ci dans le pied de page de notre site :
<a href="mailto:mail@semrush.com">mail@semrush.com</a>Cliquer sur l’hyperlien crée un brouillon d’e-mail comme celui-ci :
Vous pouvez également ajouter des paramètres tels qu’une ligne d’objet, le contenu du corps et une adresse CC au code a href.
Disons que vous voulez que les candidats à un emploi envoient leur CV à jobs@example.com avec la ligne d’objet « Web Developer Role ».
Pour faciliter les choses, vous pourriez ajouter un lien HTML comme celui-ci :
<a href="mailto:jobs@example.com?subject=Web%20Developer%20Role">Postuler maintenant</a>Notez que « %20 » est utilisé à la place des espaces. C’est un exemple d’ encodage d’URL, un processus qui aide à garantir 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, il ouvrira le numéro dans son application de numérotation. Ce qui leur permet de vous appeler facilement.
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 | Dites 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=”NomDeFichier”>Télécharger [PDF]</a> |
| Rel | Informez les moteurs de recherche sur 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 dans le link building.) | ) |
| <a href=”https://www.example.com/” rel=”nofollow”>Texte d’ancrage</a> | Target Dites au navigateur où ouvrir le lien. Par exemple, target=”_blank” ouvre la ressource dans un nouvel onglet ou une nouvelle fenêtre. Tandis que target=”_self” | la maintient dans le même cadre. |
| <a href=”https://www.semrush.com/” target=”_blank”>Semrush</a> | Title Affichez une info-bulle lorsque l’utilisateur survole le lien. | Incluez le texte de l’info-bulle entre les guillemets. |
<a href=”https://www.semrush.com/” title=”Page d’accueil Semrush”>Semrush</a> Conseil : Certains types 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.
Obtenez des informations sur les profils de backlink
3. Utilisez la syntaxe correcte
Il est essentiel d’utiliser la syntaxe correcte lors de la création de liens a href. Si vous ne placez pas les éléments dans le bon ordre, votre hyperlien ne fonctionnera pas comme prévu.
La syntaxe Href fonctionne comme suit :
- Commencez le lien a href par <a
- Ajoutez des attributs correctement formatés à l’intérieur de la balise de début
- Laissez un espace avant chaque attribut de balise d’ancrage
- Utilisez des guillemets droits (pas des guillemets courbes)
- Fermez la balise de début avec >
- Ajoutez votre contenu d’ancrage
- Terminez la balise avec </a>
Conseil : Apprenez-en davantage sur les autres balises et comment les utiliser avec notre antisèche HTML et notre guide sur le HTML sémantique .
4. Optimisez le contenu d’ancrage
Le contenu d’ancrage est le contenu auquel un lien est attaché. Il est donc important qu’il ait du sens sur votre page.
De plus, les moteurs de recherche utilisent le contenu d’ancrage pour comprendre le sujet de la page liée. L’optimiser de manière cohérente peut améliorer votre SEO.
Dans de nombreux cas, les liens sont attachés à un texte d’ancrage (également appelé texte de lien HTML).
Comme ceci :
<a href="https://www.example.com/">Texte d'ancrage ici</a>Essayez d’éviter les textes d’ancrage génériques, comme « Cliquez ici ».
Utilisez plutôt un texte d’ancrage descriptif. Pour aider les utilisateurs et les moteurs de recherche à comprendre le sujet de la ressource liée.
Lorsque vous créez des liens vers d’autres pages de votre site, utilisez des mots-clés cibles dans le texte d’ancrage là où c’est naturel. Cela peut vous aider à établir la pertinence et à améliorer vos classements Google.
Pour créer un lien d’image en HTML, ajoutez un élément d’image à la balise d’ancrage. (Au lieu d’un texte d’ancrage.)
Et incluez un texte alternatif. Pour que les moteurs de recherche et les personnes utilisant des lecteurs d’écran sachent ce que l’image représente.
Par exemple :
<a href="https://www.example.com/product-category/product-name"><img src="product-image.png" alt="Ceci est une description de l'image du produit"></a>Vous pouvez utiliser des SVG, du texte stylisé et d’autres éléments HTML comme contenu d’ancrage.
Conseil : Effectuez une recherche de mots-clés avec le Keyword Magic Tool de Semrush. Pour identifier les mots-clés cibles pour chaque page de votre site et optimiser les liens en conséquence.
Trouvez des mots-clés cibles
avec le Keyword Magic Tool, la plus grande base de données de mots-clés sur le marché
5. Vérifiez régulièrement vos liens
Les liens Href qui ne fonctionnent pas correctement offrent une mauvaise expérience utilisateur. Et peuvent nuire à votre SEO. Il est donc important de vérifier régulièrement ceux de votre site.
Même la plus petite erreur dans votre HTML peut causer des problèmes. De plus, les hyperliens peuvent se dégrader avec le temps à mesure que les destinations des liens sont modifiées ou supprimées.
Avec l’outil Site Audit de Semrush, vous pouvez vérifier les problèmes de liens à grande échelle.
Après la configuration, trouvez le rapport « Liens internes » et cliquez sur «Voir les détails.”
».
- Ensuite, regardez les « Problèmes de liens internes » pour voir si vous avez : Liens brisés
- (liens pointant vers une destination inexistante)
- Trop de liens sur la page (plus de 3 000 liens sur une seule page)
- Liens internes avec des attributs nofollowPages orphelines ( sitemap
- pages sans aucun lien interne pointant vers elles)
Liens avec un texte d’ancrage manquant ou non descriptif
Et bien d’autres problèmes.Cliquez sur «En savoir plus» ou «Pourquoi et comment le corriger
» à côté de n’importe quel problème pour plus de contexte.Ou cliquez sur le bouton «# problèmes
» pour voir les URL affectées.Utilisez les cases à cocher et le bouton «Envoyer à… » pour créer des tâches dans Semrush CRM, Trello ou Zapier. (Assurez-vous de configurer l’intégration en premier.)
Ou masquez les problèmes qui n’ont pas besoin d’être résolus.
N’oubliez pas de consulter les autres rapports dans Site Audit. Pour trouver et corriger d’autres SEO technique problèmes sur votre site.
Et relancez l’audit chaque mois ou plus souvent. Pour détecter tout nouveau problème qui survient.
Service associé: SEO (référencement naturel)