4 min de lectureTutoriels

Comment rendre un lien cliquable en email, sur les réseaux sociaux, en HTML

Comment rendre un lien cliquable en email, dans les bios sociales, les documents et le HTML : transformer du texte en hyperlien, et utiliser un lien court là où les URL brutes ne se lient pas.

Ana Kowalska
Marketing solutions engineering
Comment rendre un lien cliquable : du texte brut se transformant en hyperlien avec un texte d'ancrage et une URL de destination, en email, sur les réseaux sociaux et en HTML

Pour rendre un lien cliquable, sélectionnez le texte que vous voulez transformer en lien, appuyez sur Ctrl+K (Cmd+K sur Mac), et collez l'URL de destination. Ce seul raccourci fonctionne dans Gmail, Google Docs, Word, Notion et la plupart des éditeurs. En HTML brut, vous l'écrivez à la main : <a href="https://example.com">visitez-nous</a>. Le reste consiste à savoir où les hyperliens fonctionnent, où ils ne fonctionnent pas, et comment rendre le lien lisible.

Ceci est un guide pratique du cluster tutorials. Pour la vue d'ensemble de ce que vous faites des liens une fois qu'ils sont cliquables (marque, suivi, routage), l'article pilier qu'est-ce que la gestion de liens couvre le sujet.

La méthode rapide : sélectionner et Ctrl+K

Presque tous les éditeurs de texte enrichi utilisent le même schéma. Écrivez les mots que vous voulez rendre cliquables, sélectionnez-les, puis appuyez sur Ctrl+K (Cmd+K sur Mac) ou cliquez sur l'icône de chaîne dans la barre d'outils. Collez l'URL, confirmez, c'est fait.

Quelques éditeurs ne diffèrent que par le bouton. Gmail, Google Docs et Word proposent tous un bouton de lien ; le raccourci clavier reste constant. Si vous collez une URL nue commençant par https:// seule sur sa ligne, la plupart des outils la détectent automatiquement et la rendent cliquable sans rien de tout cela, mais un texte d'ancrage hyperlié se lit mieux qu'un lien nu.

La chose que les gens font le plus mal, c'est le texte d'ancrage. Les mots visibles doivent décrire la destination.

  • Bon : « consultez le guide de configuration ».
  • Faible : « cliquez ici », qui ne dit rien ni au lecteur ni à un lecteur d'écran.

Comment fonctionne un lien cliquable en HTML

Derrière chaque bouton « créer un lien » se cache un seul élément HTML. La balise d'ancrage a deux parties : le href (où elle mène) et le texte entre les balises (ce que le lecteur clique).

<a href="https://example.com/pricing">See pricing</a>

C'est tout. La référence MDN pour l'élément d'ancrage documente le reste (ouverture dans un nouvel onglet avec target, attributs rel pour la sécurité). Deux variantes reviennent souvent : les liens mailto: ouvrent un email, et les liens tel: démarrent un appel.

<a href="mailto:[email protected]">Email us</a>
<a href="tel:+15551234567">Call us</a>
L'anatomie d'une balise d'ancrage HTML décomposée en l'URL de destination href et le texte d'ancrage visible que le lecteur clique

Là où les liens ne deviennent pas cliquables

Voici la partie qui pousse les gens à chercher des réponses. Certains des espaces les plus précieux pour un lien sont du texte brut, où rien n'est cliquable quoi que vous fassiez.

  • Légendes et commentaires Instagram : pas cliquables.
  • Descriptions de vidéos TikTok : pas cliquables.
  • La plupart des corps de publications sociales dans le fil : pas cliquables.
  • Supports imprimés, diapositives et vidéo : évidemment pas cliquables, mais un QR code couvre ces cas.

Dans ces endroits, une URL brute reste là comme du texte qu'un lecteur devrait taper à la main. La solution est double : placer le lien là où les liens fonctionnent (l'emplacement de lien en bio ou une page de lien en bio), et rendre l'URL courte et assez mémorable pour être tapée ou reconnue. Une longue URL de suivi est sans espoir ici ; un lien court de marque ne l'est pas.

Une grille des endroits où les liens sont cliquables, comme l'email et le HTML, par rapport aux endroits où ils sont du texte brut, comme les légendes Instagram et les descriptions TikTok, avec un lien court ou une page de bio comme solution

C'est exactement pourquoi les guides ajouter un lien à une bio Instagram et le lien en bio TikTok existent en tant que guides à part entière - c'est la plateforme, pas votre mise en forme, qui bloque.

Rendre le lien cliquable digne d'être cliqué

Une fois que le lien fonctionne, deux améliorations le rendent meilleur. Raccourcissez-le pour qu'il soit propre et facile à toucher, et mettez-le à votre marque pour que les gens lui fassent confiance. Un lien court de marque est plus facile à placer dans une bio, à lire à voix haute dans une vidéo, ou à insérer dans un SMS qu'une URL brute avec une chaîne de requête. Cela vous permet aussi de suivre le clic et de repointer la destination plus tard sans modifier la publication.

Si vous écrivez du HTML à la main, gardez l'URL brute dans le href et laissez le texte d'ancrage porter le sens. Si vous placez des liens dans des légendes et des bios, appuyez-vous sur un lien court de marque et une page de bio. Même lien, placé là où il peut réellement être cliqué.

Lire la série pilier

Cet article s'inscrit dans le cluster tutorials. L'article pilier est qu'est-ce que la gestion de liens. Pour les bases du raccourcissement, comment raccourcir une URL est l'article complémentaire.

À lire aussi sur le blog

Questions fréquentes

Comment rendre un lien cliquable ?

Sélectionnez le texte que vous voulez transformer en lien, appuyez sur Ctrl+K (Cmd+K sur Mac), et collez l'URL de destination. Ce raccourci transforme le texte sélectionné en hyperlien dans Gmail, Google Docs, Word et la plupart des éditeurs. En HTML brut, vous entourez le texte d'une balise d'ancrage : <a href="https://example.com">visitez-nous</a>.

Pourquoi mon lien n'est-il pas cliquable ?

Deux raisons courantes. Le texte a été collé en texte brut à un endroit qui ne crée pas de lien automatiquement, comme une légende Instagram ou une bio TikTok, où aucune URL n'est cliquable. Ou l'URL est mal formée - il manque le préfixe https://, dont de nombreux analyseurs ont besoin avant de la transformer en lien.

Comment rendre un lien cliquable dans un email ?

Tapez le texte d'ancrage, sélectionnez-le, puis utilisez le bouton de lien de la barre d'outils ou Ctrl+K pour y attacher l'URL. Si vous collez une URL complète commençant par https:// seule sur sa ligne, la plupart des clients email la détectent automatiquement et la rendent cliquable, mais un texte d'ancrage hyperlié est plus propre et plus facile à toucher.

Comment rendre un lien cliquable là où les liens ne sont pas autorisés, comme dans les légendes Instagram ?

Vous ne pouvez pas créer d'hyperlien dans une légende Instagram ou une description de vidéo TikTok - ce sont du texte brut. La solution consiste à utiliser une page de lien en bio ou l'unique emplacement de lien en bio, avec un lien de marque court et mémorable que les gens peuvent copier ou toucher depuis le seul endroit où les liens fonctionnent.

Qu'est-ce que le texte d'ancrage dans un lien cliquable ?

Le texte d'ancrage est le texte visible et cliquable qui porte le lien, comme « consulter le guide » plutôt que l'URL brute. Un bon texte d'ancrage décrit la destination du lien ; évitez « cliquez ici », qui ne dit rien au lecteur ni aux technologies d'assistance sur la destination.

Essayer Elido

Collez une URL, obtenez un lien court

Sans inscription. Lien actif 30 jours. Inscrivez-vous pour le garder pour toujours.

Gratuit, sans inscription · 2 par jour

Essayer Elido

Raccourcisseur d'URL hébergé en UE : domaines personnalisés, analyses approfondies et API ouverte. Forfait gratuit - sans carte bancaire.

Tags
how to make a clickable link
clickable link
how to make a link clickable
hyperlink
clickable link in email
anchor text

Lire la suite