Les liens en ligne constituent la base d’une interactivité simple en ligne, qu’il s’agisse d’envoyer les utilisateurs vers des pages web, des documents téléchargeables ou d’autres applications.
Ce qui est formidable, c’est que vous pouvez créer des liens cliquables dans de nombreuses applications, notamment les systèmes de gestion de contenu, les constructeurs de sites web, les traitements de texte et les clients d’e-mails.
Ce guide illustre tout ce que vous devez savoir pour rendre un lien cliquable, tout en expliquant les principes de base d’un lien et la terminologie que vous pouvez rencontrer lors de la création d’un lien
Notions de base sur les hyperliens
Il existe plusieurs termes pour désigner un élément de contenu, tel qu’un texte ou une image, qui offre la possibilité de cliquer, ou l’option interactive de placer votre curseur sur le contenu et de naviguer ailleurs.
Voici quelques-uns de ces termes :
- Lien
- Hyperlien
- Lien cliquable
Techniquement, tous ces termes ont leur propre définition, mais ils sont aujourd’hui utilisés de manière interchangeable.
La capacité d’un utilisateur à interagir avec le contenu en ligne repose sur ces hyperliens, qui permettent aux utilisateurs de faire défiler un bout de texte, une image ou un bouton et de cliquer dessus, ce qui les envoie vers un autre élément de contenu (comme une page web externe) ou leur permet d’effectuer une action (comme appeler un numéro de téléphone depuis votre smartphone).
Une version simple codée en HTML d’un lien hypertexte ressemble à ceci :
<a href="https://example.com/">the hyperlink text</a>Mais elle devient plus complexe si l’on tient compte d’éléments facultatifs tels que les cibles et les éléments nofollow :
<a href="https://example.com/" target="_blank" rel="noreferrer noopener">the hyperlink text</a>Voici les éléments qui composent un lien hypertexte :
Poursuivez votre lecture pour en savoir plus sur chacun de ces éléments et sur leur fonctionnement.
Le contenu
Vous pouvez créer des liens cliquables avec deux types de contenu :
- Le texte
- Les graphiques
Cela signifie que si l’application que vous utilisez prend en charge les hyperliens, vous pouvez trouver n’importe quelle ligne de texte ou image dans votre contenu et la transformer en lien cliquable.
Texte lié
Le texte est l’une des options de contenu permettant de créer des liens cliquables.
Si vous utilisez un éditeur comme WordPress, vous pouvez mettre en évidence le texte de votre choix dans l’écran de l’éditeur, puis sélectionner le bouton Lien.
Cela permet de rendre un lien sur l’interface publique, généralement avec un texte coloré et souligné.
Un lien hypertexte change parfois lorsque l’utilisateur le survole avec sa souris, changeant souvent de couleur ou masquant le soulignement pour indiquer qu’il s’agit d’un lien cliquable.
En outre, lorsque la souris passe sur un lien textuel, les navigateurs affichent généralement un aperçu de l’URL liée pour que vous puissiez voir où elle mène.
Images liées
De nombreux programmes, dont WordPress, vous permettent de générer des liens hypertextes à partir de médias en ligne, tels que des images.
Pour cela, sélectionnez une image dans l’administration (au lieu d’un texte) et ajoutez l’URL souhaitée via la fonction Lien.
Une fois l’image publiée, la flèche du curseur standard se transforme en curseur manuel lorsqu’elle est survolée, et les visiteurs verront le navigateur présenter un aperçu de l’URL liée.
Qu’il s’agisse d’un lien image ou d’un lien texte, le fait de cliquer sur le lien déclenche une action, par exemple l’envoi de l’utilisateur vers une autre URL.
Comment se présente le code
Le texte ou l’image contenu dans un lien hypertexte est représenté par le « The Link Text » dans l’exemple ci-dessous :
<a href="https://example.com/" target="_blank" rel="noreferrer noopener">The Link Text</a>Cependant, apprendre à créer un lien cliquable signifie que vous remplacerez ce texte par votre propre contenu.
Dans le cas d’un lien textuel, le texte cliquable se trouve juste avant le crochet de fermeture </a>.
Les liens vers des images sont un peu différents puisqu’ils doivent inclure l’URL de l’image (il est préférable qu’elle soit téléchargée dans la base de données média de votre site web ).
Cette URL est placée entre les guillemets dans la section img src= » ».
Il y a d’autres éléments à ajouter aux liens d’images, comme :
- Une balise alt (alt= » »): Texte décrivant l’image pour les moteurs de recherche et les utilisateurs malvoyants.
- Une classe (class= » »): Un nom codé permettant d’utiliser l’image ailleurs dans votre code ou dans les fichiers de votre site web.
L’URL
Dans le cadre d’un lien hypertexte, l’URL sert de destination ou d’action lorsque quelqu’un clique sur le lien.
Mais tous les URL ne comportent pas d’URL de page web. Vous constaterez peut-être que certains hyperliens sont dotés d’une fonctionnalité « cliquer pour appeler », qui permet aux utilisateurs d’appeler un numéro de téléphone à partir de leur smartphone en un seul clic.
Une autre option consiste à afficher une carte qui ouvre l’application de cartographie du téléphone de l’utilisateur.
Comment se présente le codage
Les URL des liens cliquables sont placées entre les guillemets dans la partie <a href= » » de l’hyperlien.
Par exemple, la partie https://www.example.com du code de l’hyperlien suivant est l’URL :
<a href="https://www.example.com" target="_blank" rel="noreferrer noopener">View the entire menu.</a> 
Certaines URL mènent à des documents téléchargeables, tandis que d’autres nécessitent un codage spécial. Par exemple, un lien « Cliquez pour appeler » nécessite de placer tel : et un numéro de téléphone entre les guillemets href= » ».
Fenêtre cible
La fenêtre cible est une partie facultative d’un lien hypertexte. Elle indique si le contenu s’ouvre dans le même onglet du navigateur ou dans un nouvel onglet.
Sur WordPress et de nombreuses autres applications, vous pouvez ajouter une fenêtre cible sans toucher au code en utilisant l’éditeur visuel.
Désactivez simplement la case à cocher « Ouvrir dans un nouvel onglet » si vous souhaitez que le lien s’ouvre dans le même onglet que celui consulté par l’utilisateur.
Vous pouvez également activer le commutateur « Ouvrir dans un nouvel onglet », qui ajoute automatiquement un attribut _blank au codage de l’hyperlien et ouvre l’URL dans un nouvel onglet lorsque l’utilisateur clique dessus.
Apparence du code
Ces options sont déclenchées par l’ajout et la modification de l’élément target= » » dans un lien hypertexte.
Bien que l’attribut target ait plusieurs valeurs, telles que _blank, _parent, _self et _top, nous n’utilisons généralement que la valeur _blank.
Un lien hypertexte sans l’attribut target _blank ressemble à ceci :
Vous remarquerez que ce n’est pas différent d’un lien hypertexte normal. En effet, par défaut, les liens hypertextes ne s’ouvrent pas dans un nouvel onglet. Vous n’avez donc rien à faire avec le lien, sauf si vous préférez qu’il s’ouvre dans un autre onglet du navigateur.
Un lien hypertexte avec la cible _blank, qui déclenche l’ouverture de l’URL dans un nouvel onglet, ressemble à ceci :
<a href="https://www.example.com" target="_blank">View the entire menu.</a>
nofollow, noreferrer et noopener
Vous pouvez également ajouter des éléments supplémentaires à un lien cliquable, la plupart d’entre eux permettant d’améliorer la sécurité ou de masquer les moteurs de recherche:
- nofollow : Un attribut qui empêche le « jus de lien SEO » d’aller vers le site web lié. Cela permet de protéger votre site web et de cacher le lien aux moteurs de recherche.
- noopener : Il s’agit d’un attribut HTML qui est automatiquement ajouté aux liens WordPress marqués comme « Ouvrir dans un nouvel onglet ». Il est associé à noreferrer pour minimiser certains problèmes de sécurité lors de l’ouverture de liens dans de nouveaux onglets.
- noreferrer : souvent associé à noopener, l’attribut noreferrer bloque toutes les informations de référence transmises au site cible, ce qui renforce la sécurité et peut bloquer les données provenant de sites de suivi et de sites de rémunération d’affiliés.
Vous ne pouvez identifier aucun de ces attributs de lien en regardant un lien sur le site réel. Vous devez donc vous baser sur le code HTML.
Comment se présente le code
Tous ces attributs de lien se trouvent entre les guillemets de la partie rel= » » du lien cliquable.
Il est possible de les inclure tous dans un seul lien.
Par ailleurs, vous pouvez constater que certains hyperliens n’incluent qu’un attribut noreferrer noopener, ou un nofollow sans les deux autres. Tout dépend de l’objectif recherché par le créateur du lien.
Raisons pour lesquelles vous souhaitez rendre un lien cliquable
Lorsque vous apprenez à rendre un lien cliquable, il est important de comprendre toutes les raisons qui sous-tendent l’établissement d’un hyperlien. De cette façon, vous serez au courant des fonctionnalités et pourrez en tirer parti à l’avenir.
Voici les principales raisons pour lesquelles vous pourriez vouloir rendre un lien cliquable :
- Hyperliens internes/externes généraux vers des URL : Vous pouvez créer des liens textuels qui mènent hors de votre site web (par exemple pour citer des sources ou renforcer une argumentation à l’aide d’une étude réalisée par un tiers), ou vers d’autres pages de votre site (ce qui est particulièrement utile pour envoyer les lecteurs vers un contenu pertinent et les inciter à rester plus longtemps sur votre site).
- Créer des liens vers des images : Vous pouvez ajouter des hyperliens vers des URL, des fichiers multimédias ou des pages de pièces jointes à n’importe quelle image sur WordPress et sur de nombreux autres constructeurs de sites web.
- Boutons de lien : Les boutons CSS offrent des options pour l’ajout d’hyperliens, ajoutant une expérience visuelle plus attrayante à votre lien cliquable par rapport à un texte simple.
- Numéros de téléphone : Souvent appelés « cliquer pour appeler », les hyperliens menant à des numéros de téléphone ouvrent des applications offrant des possibilités d’appel, comme l’application téléphonique de votre appareil ou Skype.
- Adresses : L’hyperlien vers des coordonnées spécifiques sur Google ou Apple Maps signifie que l’utilisateur qui clique sur le lien verra ces informations automatiquement placées dans son application GPS/carte pour la navigation.
- Adresses e-mail : Il s’agit d’un lien similaire au lien « cliquer pour appeler », mais avec des adresses électroniques. Il déclenche l’application de messagerie d’un téléphone ou d’un ordinateur, ainsi qu’une nouvelle composition d’e-mail avec une adresse e-mail spécifique ajoutée dans le champ « À ».
- Créer des liens d’ancrage : Vous pouvez renvoyer à un contenu de la même page en utilisant des liens d’ancrage ; ces liens sont très populaires pour créer une table des matières au début d’un long article de blog. Ils sont parfois appelés « hyperliens de favori »
- Offrir un fichier téléchargeable : WordPress et d’autres constructeurs de sites web proposent des outils permettant de télécharger des fichiers SVG, des PDF, des fichiers HTML et bien d’autres choses encore ; il est même possible de télécharger des éléments en masse. Ensuite, il est possible de créer des liens hypertextes dans les articles/pages pour que les utilisateurs puissent télécharger les fichiers directement sur leur appareil.
Maintenant que nous avons abordé les types d’hyperliens et les raisons pour lesquelles vous souhaitez en créer un, continuez à lire pour tout savoir sur la manière d’y parvenir.
Comment rendre un lien cliquable
La méthode que vous choisissez pour créer un lien dépend de votre expérience. Vous pouvez opter pour une méthode visuelle plus simple ou envisager d’utiliser du code HTML.
Il existe quatre méthodes principales pour rendre un lien cliquable :
- Utiliser l’éditeur classique de WordPress
- Utilisation de l’éditeur de blocs WordPress (Gutenberg)
- En utilisant le HTML
- En utilisant n’importe quelle interface utilisateur graphique (GUI)
Gardez à l’esprit que toutes ces méthodes fonctionnent de manière similaire pour les articles et les pages WordPress. Ces guides (en particulier la méthode 4) sont également utiles pour d’autres applications/constructeurs de sites web, mais certaines terminologies/fonctionnalités peuvent varier.
Méthode 1 : Utiliser l’éditeur classique de WordPress
Si vous travaillez avec l’éditeur classique de WordPress, la façon la plus simple de créer un lien cliquable sur un article ou une page est de passer par l’onglet de l’éditeur Visuel.
Pour ce faire, allez dans la section Articles ou Pages de votre tableau de bord WordPress, et sélectionnez une page ou un article individuel que vous souhaitez modifier, en utilisant l’onglet Visuel.
Étape 1 : Mettez en surbrillance le texte que vous souhaitez rendre cliquable
Pour un lien textuel, il est préférable d’avoir déjà tapé le texte dans l’éditeur Visuel. Ensuite, utilisez votre curseur pour mettre en évidence la chaîne de texte.
Si vous transformez une image en lien cliquable :
Sélectionnez l’image de façon à ce que vous puissiez voir une barre d’outils d’édition et un contour autour de l’image.
Étape 2 : Cliquez sur le bouton Insérer/Éditer un lien
Le texte étant toujours en surbrillance, faites défiler le bouton Insérer/Modifier un lien dans la barre d’outils de l’éditeur visuel. L’icône du bouton ressemble à un maillon de chaîne.
Si vous transformez une image en lien cliquable :
L’image étant toujours sélectionnée, cliquez sur le bouton Insérer/Modifier un lien (celui qui ressemble à un maillon de chaîne).
Étape 3 : Collez une URL
Un champ URL vide apparaît. Copiez (Commande + C ou Ctrl + C) l’URL du lien souhaité dans le presse-papiers de votre appareil. Ce lien peut être une URL externe trouvée ailleurs sur Internet ou une URL de votre propre site web.
Une fois copié, collez-le (Commande + V, ou Ctrl +V) dans le champ.
Si vous transformez une image en lien cliquable :
Collez l’URL souhaitée dans le champ révélé, puis cliquez sur le bouton Appliquer pour activer le lien.
Étape 4 : Appliquer le lien
Cliquez sur le bouton Appliquer pour activer le lien et rendre le texte cliquable.
Vous devriez maintenant voir la partie hyperlien de votre texte soulignée, et éventuellement dans une couleur différente.
Si vous cliquez sur l’hyperlien dans votre éditeur, vous verrez apparaître un lien réel à tester, ainsi que des outils d’édition au cas où vous souhaiteriez modifier l’hyperlien.
Options supplémentaires
Nous aborderons les liens cliquables plus avancés dans les sections suivantes, mais il est intéressant de noter que chaque lien que vous créez dans l’éditeur WordPress classique dispose d’un bouton Options de lien pour des réglages supplémentaires.
Ici, vous pouvez :
- Ajuster l’URL
- Modifier le texte du lien
- Ouvrir le lien dans un nouvel onglet
- Rechercher un contenu existant sur votre site et créer un lien vers ce contenu
Si vous transformez une image en lien cliquable :
L’éditeur classique de WordPress offre une deuxième façon de rendre les images cliquables. Pour cela, sélectionnez l’image, puis cliquez sur le bouton Modifier (qui ressemble à un crayon) dans la barre d’outils.
Faites défiler la page jusqu’au champ Link To, qui vous permet de créer un lien vers une URL personnalisée. Il vous suffit de coller l’URL souhaitée dans le champ situé en dessous, puis de cliquer sur Mettre à jour.
Vous pouvez également sélectionner le menu déroulant « Lien vers » pour créer un lien hypertexte :
- Des fichiers multimédias
- Des pages de pièces jointes
- URL personnalisées
- Aucun
Méthode 2 : utiliser l’éditeur de blocs de WordPress (Gutenberg)
Les hyperliens fonctionnent de la même manière dans les articles et les pages dans l’éditeur de blocs de WordPress.
Pour commencer, rendez-vous dans la section Articles ou Pages de votre tableau de bord WordPress. Sélectionnez un article ou une page individuelle que vous souhaitez modifier, puis plongez dans les étapes ci-dessous.
Étape 1 : Surlignez du texte
Tapez du texte dans l’éditeur. Avec votre curseur, mettez en évidence la partie du texte que vous souhaitez rendre cliquable. Dans la barre d’outils contextuelle, cliquez sur le bouton Lien.
Si vous transformez une image en lien cliquable :
Pour rendre une image cliquable dans l’éditeur de blocs de WordPress, il faut d’abord ajouter une image à l’éditeur.
Pour ce faire, cliquez sur le bouton Ajouter un bloc, puis sélectionnez le bloc Image. Téléversez l’image que vous souhaitez lier.
Cliquez sur l’image pour la mettre en surbrillance/sélectionner, puis choisissez le bouton Insérer un lien dans la fenêtre contextuelle de la barre d’outils.
Étape 2 : Coller l’URL et envoyer le lien
Une fenêtre contextuelle s’affiche avec un champ vide. Collez l’URL vers laquelle vous souhaitez créer un lien, puis cliquez sur la touche Entrée de votre clavier ou sur le bouton Envoyer pour activer le lien cliquable.
Le texte hyperlié s’affiche alors dans une couleur différente et vous pouvez cliquer sur le lien pour obtenir un aperçu du contenu et ajouter des réglages de liaison plus avancés.
Si vous transformez une image en lien cliquable :
Des options vous permettent de créer des liens hypertextes vers des fichiers multimédias et des pages de fichiers joints si vous le souhaitez.
Sinon, collez une URL dans le champ de lien vide. Cliquez sur le bouton Appliquer pour activer le lien. Après la publication, toute personne qui clique sur l’image est redirigée vers le lien que vous avez spécifié.
Pour plus d’options, cliquez sur le bouton vers le bas (v):
- Ouvrir le lien dans un nouvel onglet
- Ajouter un lien Rel
- Ajouter une classe CSS au lien
Options supplémentaires
Nous reviendrons plus en détail sur les structures avancées des hyperliens dans les sections suivantes, mais sachez qu’un bouton Modifier est disponible si vous cliquez avec votre curseur sur le lien nouvellement créé.
Cette page d’édition affiche des champs pour :
- Changer le texte du lien
- Modifier l’URL
- Ouvrir le lien dans un nouvel onglet
Autres liens cliquables que vous pouvez créer dans l’éditeur de blocs
L’éditeur de blocs de WordPress élargit les options de liens habituelles disponibles. En fait, des douzaines de blocs intégrés permettent une sorte de structure de lien cliquable, y compris :
- Les boutons : Une manière élégante de lier le contenu par rapport à de simples liens textuels.
- Fichiers : Téléversez rapidement des fichiers et incluez un bouton sur lequel les utilisateurs peuvent cliquer pour les télécharger.
- Icônes sociales : Insérez des icônes sociales avec des liens cliquables.
- Navigation : Placez des boutons de navigation n’importe où sur votre site à l’aide de liens cliquables.
- En savoir plus : Peut être utilisé pour raccourcir votre contenu et fournir un lien vers la version plus complète.
- Connexion/déconnexion : Ajoutez un lien rapide permettant aux utilisateurs de se connecter à votre site.
- Prochain article : Ajoutez un lien/bouton cliquable vers le prochain article de blog sur votre site.
- Article précédent : Ajoutez un lien/bouton cliquable qui renvoie à l’article de blog précédent sur votre site.
Méthode 3 : Utilisation de HTML
Rendre un lien cliquable avec HTML fonctionne de la même manière quelle que soit l’interface de votre éditeur.
Vous pouvez éditer du HTML avec :
Le panneau Texte dans l’éditeur classique de WordPress
L’éditeur de code dans l’éditeur de blocs de WordPress
Un éditeur HTML/Texte sur votre appareil
Les éditeurs de texte comme Atom, Sublime Text et Coda fournissent l’interface nécessaire pour écrire et éditer du HTML, en particulier pour les liens cliquables. Il est également possible d’utiliser des éditeurs markdown.
Après avoir travaillé avec l’éditeur de texte, vous pouvez :
- Téléverser vos fichiers pour les publier sur l’internet, via FTP ou SFTP. Nous vous recommandons d’utiliser FileZilla pour que le processus soit le plus fluide possible.
- Téléverser en masse des fichiers HTML dans le répertoire de fichiers de WordPress.
- Utiliser l’un des nombreux autres clients FTP pour téléverser des fichiers HTML vers WordPress.
Une fois que vous avez trouvé un éditeur de texte et que vous savez comment vous allez télécharger le HTML sur WordPress, passez aux étapes suivantes pour rendre un lien cliquable avec le HTML.
Ce format est utilisé pour les hyperliens de base en HTML :
<a href="https://www.example.com">Link Text</a>
Notes :
- Remplacez « https://www.example.com » par l’URL de votre choix.
- Remplacez « Link Text » par le texte du lien souhaité.
Une fois que le lien est prêt, vous pouvez publier l’article/la page ou télécharger le code HTML sur votre site. Il est également possible d’obtenir un aperçu visuel du lien en passant à l’onglet Visuel de WordPress.
Une version publiée de ce lien HTML montre le lien souligné et parfois dans une couleur différente. En passant la souris sur ce lien, vous verrez apparaître sa cible en bas du navigateur.
Méthode 4 : Utilisation d’une interface utilisateur graphique (GUI)
Bien que nous ne puissions pas couvrir toutes les interfaces graphiques imaginables, apprendre à rendre un lien cliquable dans quelque chose d’autre que WordPress ou HTML ressemble généralement à ce que nous venons de voir.
Dans l’ensemble, chaque interface graphique peut utiliser un nom de bouton ou une icône légèrement différents pour créer un lien hypertexte.
Votre processus général devrait se dérouler comme ci-dessous :
- Mettez en surbrillance le texte que vous souhaitez lier.
- Cliquez sur l’icône Lien (qui peut avoir un nom différent) dans l’éditeur.
- Collez l’URL souhaitée.
- Cliquez sur le bouton Ajouter un lien (qui peut également porter un autre nom).
À titre d’exemple, un créateur de boutique en ligne comme Shopify vous permet de rendre un lien cliquable dans n’importe quelle page ou article, en surlignant le texte et en cliquant sur le bouton Insérer un lien.
Vous devez ensuite coller l’URL cible et cliquer sur le bouton Insérer un lien.
Vous obtenez ainsi un lien cliquable.
Comment faire en sorte que les liens s’ouvrent dans un nouvel onglet
Comme nous l’avons vu précédemment, WordPress et d’autres interfaces graphiques offrent des options de personnalisation supplémentaires pour les liens cliquables, comme le fait de forcer un lien à s’ouvrir dans un autre onglet.
Comment procéder ? Jetons un coup d’œil.
Ouvrir un lien dans un nouvel onglet à l’aide de l’éditeur classique de WordPress
Une fois que vous avez un lien cliquable dans l’éditeur classique de WordPress, choisissez le bouton Options du lien.
Cochez la case Ouvrir le lien dans un nouvel onglet.
Cliquez ensuite sur le bouton Mettre à jour.
Ouvrir un lien dans un nouvel onglet à l’aide de l’éditeur de blocs de WordPress
Si vous avez déjà ajouté un lien dans l’éditeur de blocs de WordPress, un clic sur le lien ouvre une fenêtre d’aperçu du contenu cible.
Le bouton Modifier permet d’accéder à d’autres réglages (y compris l’option Ouvrir dans un nouvel onglet), mais il est plus facile de basculer le bouton Ouvrir dans un nouvel onglet en bas de la fenêtre popup.
Ouvrir un lien dans un nouvel onglet en utilisant HTML
Dans l’éditeur de texte WordPress, l’éditeur de code WordPress ou un éditeur HTML général, vous pouvez utiliser le code suivant pour faire en sorte que votre lien cliquable s’ouvre dans un nouvel onglet :
<a href="https://www.example.com" target="_blank" rel="noreferrer noopener">Link Text</a>- Remplacez « https://www.example.com » par l’URL cible que vous souhaitez
- Remplacez « Texte du lien » par le texte que vous souhaitez lier.
- L’attribut target= »_blank » est le segment de code qui ouvre réellement le lien dans un nouvel onglet. C’est la seule partie vraiment nécessaire pour cette fonction simple.
- Nous vous recommandons vivement d’ajouter les attributs et valeurs rel= »noreferrer noopener » pour bloquer les problèmes de sécurité courants lors de l’ouverture de liens dans de nouveaux onglets. Cependant, il est tout à fait possible de ne pas les inclure dans le code et d’ouvrir le lien dans un nouvel onglet.
Après la publication, le lien est exactement le même, mais lorsqu’on clique dessus, l’URL cible s’ouvre dans un nouvel onglet.
Comment ajouter la valeur Nofollow à un lien hypertexte ?
La valeur HTML nofollow indique aux moteurs de recherche d’ignorer un lien cliquable et empêche le crédit des moteurs de recherche (jus de lien) d’être transmis au site web cible. L’objectif principal du nofollow est de réduire les liens de spam, mais les créateurs de contenu l’utilisent pour les liens payants, les commentaires, le contenu généré par l’utilisateur, les embeds, ou à chaque fois que vous préférez ne pas être perçu comme approuvant un site vers lequel vous créez un lien.
WordPress n’a pas de moyen intégré pour ajouter un lien nofollow, mais c’est possible en utilisant le code HTML.
Le code suivant reflète un lien de base avec une valeur nofollow:
<a href="https://www.example.com" rel="nofollow">The Link Text.</a>
Ce que vous voyez :
- Remplacez le texte « https://www.example.com » par l’URL cible de votre choix.
- Remplacez la partie « The link Text » par le texte du lien de votre choix.
- Utilisez l’attribut et la valeur rel= »nofollow » dans le lien HTML.
Lorsqu’il est publié, ou dans la vue visuelle, un lien nofollow n ‘est pas différent d’un lien hypertexte standard ; cependant, la fonctionnalité nofollow est sauvegardée dans le code du backend.
Comment créer un lien vers un contenu existant
La création de liens vers des contenus existants est une fonctionnalité exclusive de WordPress, qui vous permet de rechercher des articles et des pages de blog déjà créés, directement dans l’éditeur de WordPress. Vous n’avez donc plus besoin d’afficher leur URL dans une autre fenêtre du navigateur pour les copier et les coller sous la forme d’un lien cliquable.
Créer un lien vers un contenu existant dans l’éditeur classique de WordPress
Créez un lien en surlignant le texte désiré et en cliquant sur le bouton Insérer/Modifier un lien dans l’éditeur. Un champ popup apparaît alors, dans lequel vous pouvez cliquer sur le bouton Options de lien (icône en forme de roue dentée).
- Allez à la section intitulée « Ou créer un lien vers un contenu existant »
- Saisissez un mot-clé dans la barre de recherche, puis choisissez une page ou un article existant dans les résultats.
- Observez que le lien vers le contenu existant est automatiquement placé dans le champ URL.
Veillez à cliquer sur le bouton Ajouter un lien lorsque vous avez terminé.
Cela produit un lien immédiat vers un autre contenu (également connu sous le nom de lien interne) dans l’éditeur.
Créer un lien vers un contenu existant dans l’éditeur de blocs de WordPress
Mettez en surbrillance le texte ou l’image que vous souhaitez lier, puis cliquez sur le bouton Lien dans la barre d’outils contextuelle.
Le champ fourni a deux fonctions : vous pouvez y coller une URL ou l’utiliser comme barre de recherche. Tapez donc un mot-clé en rapport avec un de vos contenus existants pour afficher les résultats correspondants.
Une fois que vous avez trouvé la page ou l’article souhaité, cliquez dessus.
Cela crée automatiquement un lien vers le contenu existant dans l’éditeur de blocs de WordPress.
Comment créer des liens cliquables vers des téléphones, des SMS et des e-mails
Il existe plusieurs façons d’ajouter des actions spéciales aux liens cliquables en remplaçant la structure URL standard et en créant un lien vers quelque chose de différent, comme par exemple :
- Un numéro de téléphone qui ouvre l’application Téléphone.
- Un numéro de téléphone qui ouvre l’application SMS.
- Une adresse e-mails qui ouvre automatiquement l’application de messagerie de l’utilisateur.
Comment créer un lien téléphonique cliquable
Un lien téléphonique cliquable ajoute automatiquement un numéro de téléphone spécifique dans l’application Téléphone de l’utilisateur, ou même dans une application qui prend en charge les numéros de téléphone, comme Skype.
Au lieu d’utiliser une URL, vous devez insérer le code tel : dans le code HTML, suivi d’un numéro de téléphone, comme ceci :
<a href="tel:555-555-5555">Click To Call</a>Notes :
- Remplacez le numéro de téléphone par le numéro que vous voulez que les utilisateurs appellent.
- Remplacez le texte « Click to Call » par le texte du lien que vous souhaitez voir apparaître.
Dans les éditeurs visuels comme WordPress Block et WordPress Classic, saisissez simplement tel:555-555-5555 (avec le numéro de téléphone souhaité) dans le champ URL pour un lien. Cliquez sur Entrée pour que le lien téléphonique soit généré automatiquement.
Lorsque quelqu’un clique sur ce lien, il est envoyé directement à l’application la plus pertinente (l’application téléphone d’un smartphone) ou il est invité à ouvrir une application telle que Skype.
Comment créer un lien SMS cliquable
Les liens SMS cliquables fonctionnent de la même manière que les liens téléphoniques, mais ils ouvrent automatiquement des applications de messagerie au lieu d’applications d’appel.
Pour ajouter un lien SMS, utilisez sms:555-555-5555 au lieu d’une URL.
<a href="sms:555-555-5555">Click To Text</a>Notes :
- Remplacez « 555-555-5555 » par un autre numéro de téléphone.
- Remplacez « Click To Text » par le texte de votre choix pour le lien.
Les éditeurs WordPress Classic et Block supportent les liens SMS lorsque vous mettez la valeur sms:555-555-5555 dans le champ URL pour les liens.
Comme promis, les utilisateurs voient des applications de messagerie lorsqu’ils cliquent sur ces types de liens.
Comment créer un lien e-mail cliquable
Lorsqu’ils sont cliqués, les liens hypertextes vers des e-mails invitent automatiquement l’appareil de l’utilisateur à ouvrir l’application de messagerie la plus appropriée, ainsi qu’une section « Composer » qui renvoie à une adresse e-mail spécifique.
Pour celui-ci, ajoutez le code mailto :, suivi d’une adresse e-mail, là où vous mettriez normalement une URL cible.
<a href="mailto:[email protected]">Click To Email</a>Notes :
- Remplacez l’adresse électronique « [email protected] » par l’adresse e-mail cible de votre choix.
- Remplacez le texte « Click To Email » par le texte du lien que vous souhaitez voir apparaître.
Si vous utilisez les éditeurs WordPress Classic ou Block, tapez simplement la valeur mailto:[email protected] dans le champ URL lorsque vous créez un lien.
Une fois le lien publié, les utilisateurs qui cliquent dessus sont redirigés vers leur application de messagerie, avec l’adresse électronique que vous avez spécifiée dans le champ « À : ».
Résumé
L’ajout de liens cliquables (également connus sous le nom d’hyperliens, ou simplement de liens) peut améliorer l’interactivité de votre site web, conduire les internautes vers une plus grande partie de votre contenu et renvoyer à des informations importantes provenant d’autres sites web. Apprendre à créer un lien cliquable est donc l’une des leçons fondamentales de la conception d’un site web et de la création de contenu.
Après avoir lu cet article, vous devriez être en mesure d’identifier l’apparence d’un lien cliquable et de savoir exactement comment en créer un, que ce soit pour ajouter un lien à du texte ou à des images. Il est également bon de savoir qu’il existe différentes méthodes pour rendre un lien cliquable, par exemple via l’éditeur classique de WordPress, l’éditeur de blocs, le HTML ou toute autre interface utilisateur graphique disponible.
Et, bien sûr, nous vous encourageons à explorer des options de liens cliquables plus avancées comme les liens pour les numéros de téléphone, les adresses e-mail, et ceux avec des balises nofollow.
Si vous avez encore des questions sur la façon de rendre un lien cliquable, partagez vos questions et préoccupations dans les commentaires ci-dessous.
Laisser un commentaire