Outils HTML

Gratuit Generateur d'attributs de lien externe

Générez du markup de lien externe avec les attributs rel corrects pour la securite et le SEO.

Chargement de l'outil...

Qu'est-ce que Generateur d'attributs de lien externe ?

Les liens externes doivent utiliser target='_blank' avec rel='noopener noreferrer' pour la securite. Pour le SEO, les blogueurs utilisent rel='nofollow' pour les liens non approuves, rel='sponsored' pour les liens payants ou d'affiliation, et rel='ugc' pour les liens de contenu genere par l'utilisateur. Utiliser les bonnes valeurs rel contribue a la securite et a la comprehension de l'intention des liens par les moteurs de recherche.

Réponse rapide

Les liens externes doivent utiliser rel='noopener noreferrer' pour la securite lors de l'utilisation de target='_blank'. Pour le SEO, utilisez rel='nofollow' pour les liens non approuves, rel='sponsored' pour les liens payants ou d'affiliation, et rel='ugc' pour le contenu genere par l'utilisateur.

Last updated: 2026-06-11

Limites

  • Les attributs rel sont des indications pour les moteurs de recherche, pas des directives. Les moteurs de recherche peuvent toujours decouvrir et explorer les pages liees independamment des valeurs rel.
  • Certaines plateformes comme les sites de reseaux sociaux et les editeurs CMS suppriment ou ignorent les attributs rel personnalises sur les liens.
  • Les liens de plateformes de reseaux sociaux peuvent necessiter des attributs supplementaires comme aria-label pour l'accessibilite.

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

Comment utiliser cet outil

  1. Choisissez le type de lien qui correspond a votre cas d'usage.
  2. Saisissez l'URL de destination et le texte du lien.
  3. L'outil genere la balise ancre avec les attributs corrects.
  4. Copiez et collez la balise ancre dans votre HTML.

A quoi il sert

  • Creer des liens externes securises avec noopener et noreferrer.
  • Marquer les liens d'affiliation avec sponsored et nofollow.
  • Etiqueter les liens de contenu genere par l'utilisateur avec ugc.

Cas d'usage

Exemples concrets

Exemple

Lien de reference externe securise

Un article de blog lie a une reference externe avec target='_blank' et rel='noopener noreferrer'.

Exemple

Divulgation de lien d'affiliation

Une page de divulgation d'affiliation utilise rel='sponsored nofollow' pour tous les liens d'affiliation.

Erreurs frequentes

  • Utiliser target='_blank' sans noopener, ce qui cree une vulnerabilite de securite.
  • Ajouter nofollow aux liens internes et nuire a la distribution du jus de lien interne.
  • Utiliser a la fois nofollow et sponsored alors que sponsored seul est suffisant.

Vérification

  1. Inspectez la balise ancre generee dans le source HTML pour confirmer que les attributs target, rel et aria-label sont presents et correctement formatés.
  2. Cliquez sur le lien sur la page publiee et verifiez qu'il s'ouvre dans un nouvel onglet sans declencher d'avertissements de securite dans la console du navigateur.

FAQ

Questions sur Generateur d'attributs de lien externe

Chaque lien externe doit-il utiliser noopener ?

Chaque lien avec target='_blank' doit inclure rel='noopener'. Il empeche la page ouverte d'acceder a window.opener.

rel='nofollow' affecte-t-il le SEO ?

Il indique aux moteurs de recherche de ne pas transmettre de credit de classement a la page liee. Utilisez-le pour les liens non approuves ou payants.

Quelle est la difference entre nofollow et sponsored ?

Nofollow indique aux moteurs de recherche de ne pas transmettre de credit de classement pour quelque raison que ce soit. Sponsored est specifiquement pour les liens payants ou d'affiliation.

L'ajout de noopener affecte-t-il le bouton de retour ou l'historique de navigation ?

Non. Noopener ne coupe que la relation window.opener entre la nouvelle page et la page d'origine. Il n'affecte pas l'historique de navigation, le bouton de retour, le stockage de session ou l'acces aux cookies.

Outils lies

Autres outils outils html

A essayer aussi

A essayer aussi