Générateur de lien hypertexte gratuit : créez un lien cliquable
Transformez n'importe quelle URL en lien hypertexte cliquable, avec le texte de votre choix. Copiez-le comme un vrai lien pour Gmail, Outlook, Docs, Word et Slack, ou en HTML, Markdown ou BBCode.
Les mots sur lesquels on clique. Laissez vide pour afficher l'URL elle-même.
https:// est ajouté si vous l'omettez. Les liens mailto: et tel: fonctionnent aussi.
Saisissez une URL pour voir votre lien cliquable.
Réponse rapide
Pour créer un lien hypertexte, tapez les mots à rendre cliquables, collez l'URL et copiez le résultat. Le Générateur de lien hypertexte d'U2L AI crée un lien cliquable à coller dans Gmail, Outlook, Google Docs, Word et Slack, et en fournit aussi les versions HTML, Markdown et BBCode. Il ajoute https:// s'il manque et fonctionne entièrement dans votre navigateur.
L'essentiel
- Quatre formats de sortie à partir d'un seul formulaire : un lien cliquable en texte enrichi, du HTML (<a href="...">texte</a>), du Markdown ([texte](url)) et du BBCode ([url=...]texte[/url]).
- Le lien cliquable est copié en texte enrichi : il se colle comme un vrai lien dans Gmail, Outlook, Google Docs, Word, Slack et Notion. Les champs en texte brut reçoivent l'URL à la place.
- Le texte du lien est facultatif. Laissez-le vide et l'URL elle-même devient le texte cliquable.
- https:// est ajouté si vous omettez le schéma. Les liens mailto: et tel: sont acceptés tels quels.
- Attributs facultatifs : « Ouvrir dans un nouvel onglet » ajoute target="_blank" rel="noopener noreferrer", et « Ajouter nofollow » ajoute rel="nofollow". Les deux peuvent être combinés.
- Dans la plupart des éditeurs, le raccourci pour créer un lien manuellement est Ctrl+K (Cmd+K sur Mac) : Word, Google Docs, Gmail et Outlook l'utilisent tous. Slack utilise Ctrl+Shift+U (Cmd+Shift+U).
- Tout se passe dans votre navigateur. L'URL et le texte du lien ne sont jamais envoyés à un serveur ni enregistrés.
Comment créer un lien hypertexte
Quatre étapes. L'aperçu et chaque format de sortie se mettent à jour au fil de votre saisie.
- 1
Saisissez le texte du lien (facultatif)
Indiquez les mots sur lesquels les internautes cliqueront, par exemple « Lire notre guide des tarifs ». Un texte descriptif est plus efficace, pour les lecteurs comme pour les lecteurs d'écran. Laissez le champ vide si vous voulez que l'URL elle-même serve de texte cliquable.
- 2
Collez l'URL
Collez ou saisissez la destination. Si vous omettez le schéma (example.com/tarifs), https:// est ajouté automatiquement. Les liens vers une adresse e-mail ou un numéro de téléphone fonctionnent aussi : tapez mailto:contact@example.com ou tel:+33612345678. Si la saisie n'est pas un lien valide, un message vous indique ce qu'il faut corriger.
- 3
Choisissez les options souhaitées
Cochez « Ouvrir dans un nouvel onglet » pour ajouter target="_blank" avec rel="noopener noreferrer", et « Ajouter nofollow » pour ajouter rel="nofollow". Ces options s'appliquent au lien cliquable et à la sortie HTML ; le Markdown et le BBCode n'ont pas de syntaxe pour les exprimer. Consultez l'aperçu en direct pour voir le lien final.
- 4
Copiez le format qu'il vous faut
Utilisez « Lien cliquable » pour les e-mails, les documents et les messageries : il se colle comme un vrai lien, avec votre texte. Choisissez le HTML pour les sites web et les blocs de code des CMS, le Markdown pour les fichiers README et les éditeurs Markdown, et le BBCode pour les forums. Chaque format a son propre bouton Copier.
Qu'est-ce qu'un générateur de lien hypertexte ?
Le Générateur de lien hypertexte est un outil gratuit qui transforme une URL et les mots à rendre cliquables en un lien prêt à coller. Il vous fournit le même lien sous quatre formes : un lien cliquable en texte enrichi pour les e-mails, les documents et les messageries, ainsi que du code HTML, Markdown et BBCode pour les sites web, les fichiers README et les forums.
Chaque application a sa propre façon de créer un lien. Word, Google Docs, Gmail et Outlook passent par une boîte de dialogue d'insertion de lien (Ctrl+K), Slack utilise Ctrl+Shift+U, les pages web exigent un élément <a href>, le Markdown utilise des crochets et des parenthèses, et les forums recourent souvent au BBCode. Le générateur produit le lien sous toutes ces formes à partir d'un seul formulaire, en prenant en charge les caractères spéciaux propres à chacune : vous pouvez ainsi coller le résultat partout où le lien doit figurer.
Pour la rédaction au quotidien, le format le plus utile est le lien cliquable. Lorsque vous le copiez, le presse-papiers contient un lien mis en forme (le même type de données que lorsque vous copiez un lien sur une page web) : les éditeurs de texte enrichi le collent sous forme de texte bleu et cliquable, avec vos mots, au lieu d'une URL brute. C'est le moyen le plus rapide de rendre un lien cliquable dans un e-mail ou un document quand vous ne voulez pas partir à la recherche du bouton d'insertion de lien.
L'outil se concentre sur la création de liens. Pour en savoir plus sur le fonctionnement des liens, notamment les ancres et les URL absolues et relatives, consultez sur le blog d'U2L AI les guides « What Is a Hyperlink » et « What Is a URL » (en anglais).
Comment fonctionne un générateur de lien hypertexte ?
Le contenu du champ URL est interprété par l'analyseur d'URL standard du navigateur. Si vous saisissez une adresse web sans schéma, https:// est ajouté avant l'analyse ; un domaine seul comme example.com garde sa forme d'origine au lieu de recevoir une barre oblique finale. L'hôte doit ressembler à un vrai domaine (il doit contenir un point, ou être localhost). Un lien mailto: exige une adresse après les deux-points, et un lien tel: un numéro composé de chiffres, d'un + initial facultatif et, éventuellement, d'espaces, de points, de tirets ou de parenthèses ; les espaces sont supprimés des liens tel:. Si le texte du lien est vide, l'URL finale sert de texte.
Chaque format de sortie est échappé selon ses propres règles. La sortie HTML prend la forme <a href="URL">texte</a>, avec &, <, >, les guillemets doubles et les guillemets simples convertis en entités HTML : une URL avec des paramètres de requête ou un texte de lien contenant des guillemets ne peut donc pas casser la balise. Lorsque l'option « Ouvrir dans un nouvel onglet » est activée, target="_blank" et rel="noopener noreferrer" sont ajoutés ; « Ajouter nofollow » ajoute nofollow au même attribut rel (rel="nofollow noopener noreferrer" lorsque les deux options sont activées). La sortie Markdown suit la syntaxe de lien inline de CommonMark, [texte](url) : les crochets et les barres obliques inverses du texte sont échappés, et les espaces et parenthèses de l'URL sont encodés en pourcentage (%20, %28, %29) pour ne pas clore le lien prématurément. La sortie BBCode utilise [url=URL]texte[/url], la forme employée par phpBB et de nombreux autres forums, avec les crochets de l'URL encodés en pourcentage.
Pour le « Lien cliquable », le bouton Copier écrit deux formats à la fois dans le presse-papiers, via l'API Clipboard du navigateur : text/html, qui contient l'élément <a> final, et text/plain, qui contient l'URL. Les types text/html et text/plain font partie des types de données que la spécification Clipboard API du W3C impose aux navigateurs de prendre en charge. L'application dans laquelle vous collez choisit le format le plus riche qu'elle comprend : les éditeurs de texte enrichi comme Gmail, Outlook, Google Docs, Word, Slack et Notion utilisent le HTML et affichent un lien cliquable avec votre texte, tandis que les champs en texte brut se rabattent sur l'URL. Dans les navigateurs plus anciens qui ne disposent pas de cette API, l'outil sélectionne un rendu du lien et copie cette sélection, qui conserve elle aussi la mise en forme.
Si vous préférez créer un lien hypertexte à la main dans une application, le raccourci est presque universel. Dans Word, sélectionnez le texte et appuyez sur Ctrl+K (Cmd+K sur Mac), ou faites un clic droit et choisissez Lien ; Word transforme aussi en lien une adresse web saisie lorsque vous appuyez sur Espace ou Entrée juste après. Dans Google Docs, sélectionnez le texte et appuyez sur Ctrl+K ou Cmd+K, ou passez par le menu Insertion, puis Lien. Gmail utilise Ctrl+K (Cmd+K sur Mac) dans la fenêtre de rédaction, et Outlook utilise Ctrl+K dans Outlook classique, le nouvel Outlook et Outlook sur le web (Cmd+K sur Mac). Dans Slack, sélectionnez le texte et appuyez sur Ctrl+Shift+U (Cmd+Shift+U sur Mac), ou collez une URL copiée par-dessus le texte sélectionné.
Cas d'usage
Comment les marketeurs, les entreprises et les développeurs utilisent le Générateur de lien hypertexte.
Liens dans les e-mails Gmail et Outlook
Copiez le lien cliquable et collez-le dans le corps du message. Le destinataire voit le texte de votre lien, et non une longue URL. Vous évitez ainsi la boîte de dialogue Ctrl+K lorsque vous créez un lien à partir d'un texte que vous avez déjà ailleurs, par exemple dans une feuille de calcul remplie d'URL.
Documents Google Docs et Word
Collez le lien cliquable directement dans un rapport, une proposition ou un document à distribuer. Il s'insère comme un lien mis en forme, avec vos propres mots. Pour les liens que vous ajoutez en cours de rédaction, Ctrl+K (Cmd+K sur Mac) ouvre la même boîte de dialogue d'insertion de lien dans les deux applications.
Messages Slack et messageries d'équipe
Collez le lien cliquable dans un message Slack pour partager un lien propre, avec un intitulé, plutôt qu'une URL brute. Dans Slack, vous pouvez aussi sélectionner du texte et appuyer sur Ctrl+Shift+U (Cmd+Shift+U sur Mac) pour ajouter un lien.
Pages web et articles de blog
Copiez la sortie HTML dans un bloc HTML de votre CMS, un outil de création de landing pages ou un modèle. Les guillemets, les esperluettes et les chevrons sont déjà échappés : la balise ne cassera pas votre code.
Fichiers README et documentation Markdown
Utilisez la sortie Markdown dans les fichiers README, les sites de documentation, les applications de prise de notes et tout éditeur qui accepte le Markdown. Les crochets de votre texte et les espaces ou parenthèses de l'URL sont échappés pour que le lien s'affiche correctement.
Messages de forum en BBCode
De nombreux forums, dont ceux construits avec phpBB, utilisent le BBCode au lieu du HTML. Collez la sortie [url=...]texte[/url] dans votre message pour obtenir un lien avec un intitulé plutôt qu'une adresse brute.
Liens « Écrivez-nous »
Saisissez mailto:vous@example.com dans le champ URL et « Écrire à notre équipe » comme texte. Au clic, le lien obtenu ouvre l'application de messagerie du lecteur avec votre adresse déjà renseignée.
Numéros de téléphone cliquables
Saisissez tel:+33612345678 pour rendre un numéro de téléphone cliquable sur un site web ou dans un e-mail HTML. Sur un téléphone, il suffit de le toucher pour se voir proposer d'appeler ce numéro. Utilisez le format international avec + pour que le lien fonctionne quel que soit le pays de l'appelant.
Liens sponsorisés ou non fiables sur un site
Cochez « Ajouter nofollow » pour les liens dont vous ne voulez pas vous porter garant, comme ceux des commentaires d'utilisateurs. Google traite nofollow comme une indication et recommande rel="sponsored" pour les liens payants et d'affiliation : modifiez donc la valeur dans la sortie HTML lorsque c'est plus approprié.
Signatures d'e-mail
Les éditeurs de signature de Gmail et d'Outlook sont des zones de texte enrichi. Collez un lien cliquable vers votre site web, votre page de réservation ou votre portfolio pour que la signature affiche un texte de lien propre plutôt qu'une URL complète.
Le Générateur de lien hypertexte face aux alternatives
Comparaison côte à côte des fonctionnalités et des prix avec les principales alternatives.
| Fonctionnalité | U2L | Ctrl+K dans Word/Docs | HTML écrit à la main | Coller une URL brute |
|---|---|---|---|---|
| Texte cliquable personnalisé | ||||
| Se colle comme un vrai lien dans Gmail, Outlook, Docs, Word, Slack | À recréer dans chaque application | Affiche l'URL brute | ||
| Sortie en code HTML | ||||
| Sortie en Markdown et BBCode | ||||
| Caractères spéciaux échappés automatiquement | À la main | Sans objet | ||
| Option rel="nofollow" | Une case à cocher | Saisi à la main | ||
| Ajoute https:// si vous l'omettez | Selon l'application | Sans objet | ||
| Coût | Gratuit, sans inscription | Inclus avec l'application | Gratuit | Gratuit |
Le Générateur de lien hypertexte face à Ctrl+K dans Word et Google Docs
Ctrl+K (Cmd+K sur Mac) est le moyen le plus rapide d'ajouter un lien pendant que vous rédigez dans Word, Google Docs, Gmail ou Outlook. Sélectionnez les mots, appuyez sur le raccourci, collez l'URL et validez. Si vous ne créez jamais de liens que dans une seule application, ce raccourci vous suffit.
Le générateur prend l'avantage lorsque le lien doit circuler d'un outil à l'autre. Il vous donne le même lien en texte enrichi pour les éditeurs, en HTML pour un site web, en Markdown pour un README et en BBCode pour un forum, avec l'échappement adapté à chaque format. Il ajoute aussi des valeurs rel comme nofollow, que les éditeurs de documents ne proposent pas, et vous permet de préparer un lien une seule fois pour le coller à plusieurs endroits.
Le Générateur de lien hypertexte face à un code HTML écrit à la main
Écrire <a href="https://example.com">texte</a> à la main est simple, jusqu'à ce que les détails vous jouent des tours : un https:// oublié transforme le lien en chemin relatif sur votre propre site, un guillemet double non échappé dans l'URL termine le href prématurément, et une esperluette dans le texte du lien peut devoir s'écrire &. Le générateur échappe tout cela pour vous et affiche un aperçu en direct du résultat.
Un code HTML écrit à la main ne peut pas non plus être collé comme lien dans Gmail, Google Docs ou Word : ces éditeurs affichent le code sous forme de texte. Le format « Lien cliquable » du générateur règle ce cas, et la sortie HTML reste disponible lorsque vous avez besoin du code lui-même.
Bonnes pratiques
Rédigez un texte de lien qui décrit la destination
Les lecteurs, comme les utilisateurs de lecteurs d'écran, parcourent les liens hors contexte. Les règles WCAG du W3C considèrent un texte vague tel que « cliquez ici » ou « plus » comme un échec au critère 2.4.4 « Fonction du lien » lorsque rien d'autre n'explique le lien. « Télécharger la grille tarifaire 2026 » indique précisément ce que l'on obtient.
Mettez en lien une courte expression, pas une phrase entière
Quelques mots porteurs de sens rendent le lien facile à repérer et facile à toucher sur un téléphone. Les longues phrases en lien sont plus difficiles à lire et ressemblent à un pavé de texte bleu.
Utilisez https:// pour tous vos liens web
Les URL sécurisées évitent les avertissements des navigateurs et les redirections. Le générateur ajoute https:// si vous omettez le schéma, mais vérifiez que le site propose bien une version https.
N'ouvrez un nouvel onglet que si c'est utile
Un nouvel onglet convient aux liens qui interrompraient une tâche, comme un lien d'aide dans un formulaire. Pour une lecture ordinaire, les liens qui s'ouvrent dans le même onglet permettent d'utiliser le bouton Retour comme on s'y attend. Si vous optez pour un nouvel onglet, conservez rel="noopener noreferrer", que l'outil ajoute automatiquement.
Qualifiez les liens payants, d'affiliation et ajoutés par les utilisateurs
Google demande aux sites de signaler les liens payants et d'affiliation avec rel="sponsored", et les liens ajoutés par les utilisateurs avec rel="ugc" ou rel="nofollow". Cochez « Ajouter nofollow » dans le cas général, ou remplacez la valeur rel de la sortie HTML par sponsored ou ugc.
Adaptez le format à l'endroit où vous collez
Utilisez le lien cliquable pour les éditeurs de texte enrichi (e-mail, documents, messagerie), le HTML pour les vues en mode code et les blocs de CMS, le Markdown pour les éditeurs Markdown et le BBCode pour les forums. Collé dans un éditeur de texte enrichi, le code s'affiche sous forme de texte brut.
Raccourcissez d'abord les URL longues ou chargées de paramètres de suivi
Les URL truffées de paramètres UTM sont difficiles à lire lorsqu'elles s'affichent en texte. Raccourcissez-les avec le Raccourcisseur de liens d'U2L AI (gratuit, sans inscription ; le domaine court est choisi automatiquement), puis créez le lien hypertexte à partir du lien court. Un compte gratuit ajoute les analyses de clics.
Testez le lien après l'avoir collé
Survolez le lien collé ou cliquez dessus pour vérifier qu'il pointe bien là où vous l'attendez, surtout après avoir modifié le texte. Une faute de frappe dans la destination passe inaperçue jusqu'à ce que quelqu'un clique sur le lien.
Erreurs courantes à éviter
Utiliser « cliquez ici » comme texte de lien
Un texte générique masque la destination et ne respecte pas les recommandations d'accessibilité. Le lien doit être explicite à lui seul : « Lire le guide d'installation » plutôt que « Cliquez ici pour lire le guide d'installation ».
Coller du code HTML dans Gmail ou Google Docs
Les éditeurs de texte enrichi affichent le code <a href> tel quel, sous forme de texte. Utilisez le format « Lien cliquable » pour les éditeurs et réservez la sortie HTML au code des sites web, aux blocs HTML des CMS et aux modèles.
Omettre https:// dans un code HTML écrit à la main
href="example.com" est interprété comme un chemin relatif : il pointe donc vers une page de votre propre site (votresite.com/.../example.com) au lieu d'example.com. Incluez toujours le schéma ; le générateur l'ajoute pour vous.
Ne pas échapper les guillemets et les esperluettes
Un guillemet double dans un href termine l'attribut prématurément et casse la balise. La sortie HTML convertit &, <, > et les guillemets doubles et simples en entités, si bien que les chaînes de requête et le texte entre guillemets restent intacts.
Compter sur le Markdown ou le BBCode pour ouvrir un nouvel onglet
Aucun de ces deux formats n'a de syntaxe pour target ou rel : les options nouvel onglet et nofollow s'appliquent donc uniquement au lien cliquable et à la sortie HTML. Si vous avez besoin de ces attributs sur un site en Markdown, utilisez la sortie HTML lorsque la plateforme le permet.
Ouvrir systématiquement les liens dans un nouvel onglet
Quand tous les liens s'ouvrent dans de nouveaux onglets, le bouton Retour ne fonctionne plus et les onglets s'accumulent, surtout sur téléphone. Réservez target="_blank" aux cas où quitter la page ferait perdre au lecteur son travail en cours.
Caractéristiques techniques
| Sortie HTML | <a href="URL">texte</a>, avec target="_blank" et rel="..." lorsque les options sont activées |
| Valeurs rel | nofollow ; noopener noreferrer (nouvel onglet) ; nofollow noopener noreferrer (les deux) |
| Échappement HTML | & < > " ' convertis en entités dans l'URL et le texte du lien |
| Sortie Markdown | [texte](url) ; [ ] et \ échappés dans le texte ; espaces et parenthèses de l'URL encodés en pourcentage |
| Sortie BBCode | [url=URL]texte[/url] ; crochets de l'URL encodés en pourcentage |
| Formats du presse-papiers (lien cliquable) | text/html (le lien final) et text/plain (l'URL) |
| Liens acceptés | https://, http://, mailto: et tel: ; https:// est ajouté si aucun schéma n'est indiqué |
| Texte du lien vide | L'URL sert de texte cliquable |
| Raccourcis manuels | Ctrl+K / Cmd+K dans Word, Google Docs, Gmail et Outlook ; Ctrl+Shift+U / Cmd+Shift+U dans Slack |
| Traitement | Uniquement dans le navigateur ; rien n'est envoyé à un serveur ni enregistré |
Questions fréquentes
Comment créer un lien hypertexte ?
Comment rendre un lien cliquable ?
Comment créer un lien hypertexte dans Word ?
Comment ajouter un lien dans Google Docs ?
Comment insérer un lien hypertexte dans Gmail ?
Comment insérer un lien hypertexte dans Outlook ?
Comment transformer du texte en lien hypertexte dans Slack ?
Quel est le code HTML d'un lien hypertexte ?
Comment créer un lien en Markdown ?
Quel est le BBCode d'un lien ?
Pourquoi mon lien cliquable s'est-il collé sous forme d'URL brute ?
Qu'ajoute l'option « Ouvrir dans un nouvel onglet » ?
À quoi sert l'option « Ajouter nofollow » ?
Puis-je créer un lien vers une adresse e-mail ou un numéro de téléphone ?
Que se passe-t-il si je laisse le texte du lien vide ?
Pourquoi le Markdown et le BBCode ignorent-ils les options nouvel onglet et nofollow ?
Cet outil enregistre-t-il mes liens ?
Comment raccourcir une longue URL avant de créer un lien hypertexte ?
Autres outils gratuits
Générateur de lien WhatsApp
Créez des liens wa.me pour discuter en un clic, avec un message prérempli. Ajoutez-les à votre bio, vos pubs ou vos QR codes pour des échanges WhatsApp immédiats.
Générateur de lien Telegram
Créez des liens t.me de partage, de nom d'utilisateur et d'invitation, avec texte prérempli. Ajoutez des boutons de discussion Telegram à votre site ou bio.
Vérificateur de sécurité des liens
Vérifiez qu'un lien est sûr avant de cliquer. Déplie les URL raccourcies, suit chaque redirection et analyse la destination finale à la recherche de phishing et de malwares.
Générateur de QR code Wi-Fi
Générez un QR code Wi-Fi pour que vos invités se connectent sans saisir de mot de passe. Compatible WPA/WPA2/WEP et réseaux masqués.
Raccourcisseur de lien YouTube
Raccourcissez les longues URL YouTube en liens propres et traçables. Des partages plus efficaces pour les créateurs vidéo et les marketeurs.
Générateur de QR code Instagram
Générez un QR code scannable qui ouvre votre profil Instagram. Idéal pour les flyers, les cartes de visite et les emballages.
Termes clés
- Lien hypertexte
- Référence placée dans un document ou une page qui, lorsqu'on clique ou appuie dessus, mène le lecteur vers un autre emplacement : une page web, un fichier, une adresse e-mail ou un numéro de téléphone, par exemple.
- Texte d'ancrage (texte du lien)
- Mots visibles et cliquables d'un lien. En HTML, il s'agit du contenu placé entre <a> et </a>. Un texte d'ancrage descriptif aide les lecteurs, les utilisateurs de lecteurs d'écran et les moteurs de recherche à comprendre la destination.
- href
- Attribut HTML de l'élément <a> qui contient l'URL de destination du lien. Sans schéma comme https://, la valeur est traitée comme un chemin relatif à la page en cours.
- target="_blank"
- Attribut HTML qui ouvre le lien dans un nouvel onglet ou une nouvelle fenêtre. Les navigateurs modernes lui appliquent automatiquement le comportement noopener.
- rel="noopener noreferrer"
- Valeurs de relation de lien. noopener empêche la nouvelle page d'accéder à la page d'origine via window.opener ; noreferrer empêche en plus le navigateur d'envoyer l'en-tête Referer.
- rel="nofollow"
- Valeur de relation de lien qui indique aux moteurs de recherche de ne pas associer votre site à la page liée. Google la considère, au même titre que sponsored et ugc, comme une indication.
- Texte enrichi
- Texte mis en forme qui contient des styles et des liens, par opposition au texte brut. Lorsque vous copiez un lien en texte enrichi, le presse-papiers contient une version HTML que les éditeurs collent sous forme de lien cliquable.
Raccourcissez l'URL avant d'en faire un lien
Les longs liens chargés de paramètres de suivi sont difficiles à lire et à partager. Créez gratuitement un lien court avec U2L AI, sans inscription. Un compte gratuit ajoute les analyses de clics et la gestion des liens.
Raccourcir un lien gratuitement