Link Code Generator Logo
Link Code Generator

Générateur gratuit de balises d'ancre HTML

Générez des balises d'ancre HTML parfaitement formatées avec des attributs rel, target, class et id personnalisés. Aperçu instantané du code.

tools.dev.html_link.form.core_section

Attributs et comportement du lien

CSS et style (optionnel)

Enter a URL and Link Text to generate custom HTML anchor tags.

Qu'est-ce qu'une balise d'ancrage HTML ?

La balise d'ancrage HTML <a href="..."> est l'élément constitutif du Web : elle crée des hyperliens entre les pages, les documents et les ressources. Bien que la rédaction de liens simples ne prenne qu'un instant, attribuer correctement les liens avec les bons signaux SEO, les attributs de sécurité et les métadonnées d'accessibilité nécessite la compréhension de plusieurs spécifications HTML qui ont évolué au fil des ans.

Attributs de lien importants pour le référencement

  • rel="nofollow": Indique à Google de ne pas suivre ce lien ou de ne pas transmettre le PageRank (équité des liens) via celui-ci. À utiliser pour du contenu non fiable, des sections de commentaires ou tout lien dont vous ne pouvez pas garantir. Obligatoire pour les liens et les annonces payants, conformément aux directives aux webmasters de Google.
  • rel="sponsored": Le signal moderne et plus spécifique pour les liens d'affiliation, les emplacements payants et les publicités. Google l'a introduit en 2019 comme une alternative plus claire au nofollow pour les liens commerciaux. Utilisez-le pour tous les liens d’affiliation à la place ou à côté de nofollow.
  • rel="ugc": Marque les liens apparaissant dans le contenu généré par les utilisateurs (commentaires, messages de forum, avis). Signale à Google que vous n'avez pas organisé manuellement ce lien.

Attributs de lien importants pour la sécurité

  • rel="noopener noreferrer" avec target="_blank": Tout lien qui s'ouvre dans un nouvel onglet (target="_blank") crée une vulnérabilité de sécurité : la nouvelle page peut accéder à l'objet window de la page d'ouverture via JavaScript et le rediriger. L'attribut rel="noopener noreferrer" ferme cette vulnérabilité. Notre outil l'ajoute automatiquement lorsque vous cochez l'option "Ouvrir dans un nouvel onglet".

Bonnes pratiques en matière de texte d'ancrage

Le texte cliquable visible d'un lien (texte d'ancrage) est l'un des signaux les plus puissants de Google pour comprendre de quoi parle la page liée. Un texte d'ancrage descriptif tel que « meilleur logiciel CRM pour petites entreprises » a beaucoup plus de valeur qu'un texte générique tel que « cliquez ici » ou « en savoir plus ». Utilisez un texte d'ancrage riche en mots clés pour les liens internes, mais variez la formulation pour éviter une optimisation excessive.

Questions fréquemment posées

Quand dois-je utiliser nofollow ou sponsorisé ?

Utiliser rel="nofollow" pour le contenu général non fiable (par exemple, commentaires des utilisateurs, messages sur le forum). Utilisez rel="sponsored" spécifiquement pour les liens commerciaux payants, les liens d'affiliation et les publicités. Google traite les deux comme des indices plutôt que comme des directives : il peut ou non choisir de suivre les liens nofollow, mais l'utilisation de l'attribut correct envoie des signaux plus clairs.

Est-il sûr d'ouvrir des liens dans un nouvel onglet sans noopener ?

Anciennes versions de navigateur qui ne prennent pas en charge le le comportement implicite de noopener peut être vulnérable aux attaques par tabnapping via window.opener. Incluez toujours rel="noopener noreferrer" sur tout lien avec target="_blank". Notre outil l'ajoute automatiquement pour vous - ce n'est pas facultatif.

À quoi sert l'attribut title ?

L'attribut title affiche une petite info-bulle lorsqu'un utilisateur survole le lien. Il ajoute également du contexte pour les lecteurs d'écran, améliorant ainsi l'accessibilité. Cependant, il ne doit pas remplacer le texte d'ancrage descriptif : les utilisateurs de lecteurs d'écran peuvent ne pas toujours entendre l'attribut titre en fonction de leurs paramètres.

Outils développeur livrés gratuitement

Guides de deep links, conseils Open Graph et nouveaux outils dev - directement dans votre boîte mail.