{"id":69343,"date":"2023-05-22T14:51:19","date_gmt":"2023-05-22T13:51:19","guid":{"rendered":"https:\/\/kinsta.com\/fr\/?p=69343&#038;preview=true&#038;preview_id=69343"},"modified":"2023-08-22T10:24:17","modified_gmt":"2023-08-22T09:24:17","slug":"rendre-lien-cliquable","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/rendre-lien-cliquable\/","title":{"rendered":"Comment rendre un lien cliquable"},"content":{"rendered":"<p><!-- Output copied to clipboard! --><\/p>\n<p>Les liens en ligne constituent la base d&rsquo;une interactivit\u00e9 simple en ligne, qu&rsquo;il s&rsquo;agisse d&rsquo;envoyer les utilisateurs vers des pages web, des <a href=\"https:\/\/kinsta.com\/fr\/blog\/gestionnaire-telechargements-wordpress\/\">documents t\u00e9l\u00e9chargeables<\/a> ou d&rsquo;autres applications.<\/p>\n<p>Ce qui est formidable, c&rsquo;est que vous pouvez cr\u00e9er des liens cliquables dans de nombreuses applications, notamment les <a href=\"https:\/\/kinsta.com\/fr\/blog\/systeme-gestion-contenu\/\">syst\u00e8mes de gestion de contenu<\/a>, les <a href=\"https:\/\/kinsta.com\/fr\/blog\/logiciel-de-creation-de-sites-web\/\">constructeurs de sites web<\/a>, les traitements de texte et les <a href=\"https:\/\/kinsta.com\/fr\/blog\/fournisseurs-demail-securises\/\">clients d&rsquo;e-mails<\/a>.<\/p>\n<p>Ce guide illustre tout ce que vous devez savoir pour rendre un lien cliquable, tout en expliquant les principes de base d&rsquo;un lien et la terminologie que vous pouvez rencontrer lors de la cr\u00e9ation d&rsquo;un lien<br \/>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc><\/p>\n<h2>Notions de base sur les hyperliens<\/h2>\n<p>Il existe plusieurs termes pour d\u00e9signer un \u00e9l\u00e9ment de contenu, tel qu&rsquo;un texte ou une image, qui offre la possibilit\u00e9 de cliquer, ou l&rsquo;option interactive de placer votre curseur sur le contenu et de naviguer ailleurs.<\/p>\n<p>Voici quelques-uns de ces termes :<\/p>\n<ul>\n<li>Lien<\/li>\n<li>Hyperlien<\/li>\n<li>Lien cliquable<\/li>\n<\/ul>\n\n<p>Techniquement, tous ces termes ont leur propre d\u00e9finition, mais ils sont aujourd&rsquo;hui utilis\u00e9s de mani\u00e8re interchangeable.<\/p>\n<p>La capacit\u00e9 d&rsquo;un utilisateur \u00e0 interagir avec le contenu en ligne repose sur ces hyperliens, qui permettent aux utilisateurs de faire d\u00e9filer un bout de texte, une image ou un bouton et de cliquer dessus, ce qui les envoie vers un autre \u00e9l\u00e9ment de contenu (comme une page web externe) ou leur permet d&rsquo;effectuer une action (comme appeler un num\u00e9ro de t\u00e9l\u00e9phone depuis votre smartphone).<\/p>\n<p>Une <a href=\"https:\/\/kinsta.com\/fr\/blog\/qu-est-ce-que-le-html\/\">version simple <\/a><a href=\"https:\/\/kinsta.com\/fr\/blog\/qu-est-ce-que-le-html\/\">cod\u00e9e en HTML<\/a> d&rsquo;un lien hypertexte ressemble \u00e0 ceci :<\/p>\n<pre><code class=\"language-html\">&lt;a href=\"https:\/\/example.com\/\"&gt;the hyperlink text&lt;\/a&gt;<\/code><\/pre>\n<p>Mais elle devient plus complexe si l&rsquo;on tient compte d&rsquo;\u00e9l\u00e9ments facultatifs tels que les cibles et les \u00e9l\u00e9ments nofollow :<\/p>\n<pre><code class=\"language-html\"> &lt;<span class=\"syntax-all syntax-tag\">a<\/span> <span class=\"syntax-all syntax-entity\">href<\/span>=<span class=\"syntax-all syntax-string\">\"https:\/\/example.com\/\"<\/span> <span class=\"syntax-all syntax-entity\">target<\/span>=<span class=\"syntax-all syntax-string\">\"_blank\"<\/span> <span class=\"syntax-all syntax-entity\">rel<\/span>=<span class=\"syntax-all syntax-string\">\"noreferrer noopener\"<\/span>&gt;the hyperlink text&lt;\/<span class=\"syntax-all syntax-tag\">a<\/span>&gt;<\/code><\/pre>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p>Pour cr\u00e9er un lien cliquable, vous devez remplacer \u00ab https:\/\/example.com\/ \u00bb et \u00ab the hyperlink text \u00ab de l&rsquo;exemple ci-dessus par vos propres informations.<\/p>\n<\/aside>\n\n<p>Voici les \u00e9l\u00e9ments qui composent un lien hypertexte :<\/p>\n<ol>\n<li>Le contenu<\/li>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/description-url\/\">L&rsquo;URL<\/a> ou le <a href=\"https:\/\/kinsta.com\/fr\/blog\/permaliens-wordpress\/\">permalien<\/a><\/li>\n<li>La cible<\/li>\n<li>Nofollow, noreferrer et noopener<\/li>\n<\/ol>\n<figure id=\"attachment_131266\" aria-describedby=\"caption-attachment-131266\" style=\"width: 1421px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131266 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/the-elements-of-a-hyperlink.jpg\" alt=\"Les \u00e9l\u00e9ments d'un lien hypertexte\" width=\"1421\" height=\"394\"><figcaption id=\"caption-attachment-131266\" class=\"wp-caption-text\">Les \u00e9l\u00e9ments d&rsquo;un lien hypertexte<\/figcaption><\/figure>\n<p>Poursuivez votre lecture pour en savoir plus sur chacun de ces \u00e9l\u00e9ments et sur leur fonctionnement.<\/p>\n<h3>Le contenu<\/h3>\n<p>Vous pouvez cr\u00e9er des liens cliquables avec deux types de contenu :<\/p>\n<ol>\n<li>Le texte<\/li>\n<li>Les graphiques<\/li>\n<\/ol>\n<p>Cela signifie que si l&rsquo;application que vous utilisez prend en charge les hyperliens, vous pouvez trouver n&rsquo;importe quelle ligne de texte ou <a href=\"https:\/\/kinsta.com\/fr\/blog\/images-gratuites-pour-wordpress\/\">image dans votre contenu<\/a> et la transformer en lien cliquable.<\/p>\n<h4>Texte li\u00e9<\/h4>\n<p>Le texte est l&rsquo;une des options de contenu permettant de cr\u00e9er des liens cliquables.<\/p>\n<p>Si vous utilisez un \u00e9diteur comme WordPress, vous pouvez mettre en \u00e9vidence le texte de votre choix dans l&rsquo;\u00e9cran de l&rsquo;\u00e9diteur, puis s\u00e9lectionner le bouton <strong>Lien<\/strong>.<\/p>\n<figure id=\"attachment_131257\" aria-describedby=\"caption-attachment-131257\" style=\"width: 938px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131257 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Adding-a-link-in-WordPress-.jpeg\" alt=\"Ajouter un lien dans WordPress\" width=\"938\" height=\"548\"><figcaption id=\"caption-attachment-131257\" class=\"wp-caption-text\">Ajouter un lien dans WordPress<\/figcaption><\/figure>\n<p>Cela permet de rendre un lien sur l&rsquo;interface publique, g\u00e9n\u00e9ralement avec un texte color\u00e9 et soulign\u00e9.<\/p>\n<figure id=\"attachment_131259\" aria-describedby=\"caption-attachment-131259\" style=\"width: 1015px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131259 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-clickable-link-on-the-frontend.jpeg\" alt=\"Un lien cliquable sur la page d'accueil\" width=\"1015\" height=\"437\"><figcaption id=\"caption-attachment-131259\" class=\"wp-caption-text\">Un lien cliquable sur la page d&rsquo;accueil<\/figcaption><\/figure>\n<p>Un lien hypertexte change parfois lorsque l&rsquo;utilisateur le survole avec sa souris, changeant souvent de couleur ou masquant le soulignement pour indiquer qu&rsquo;il s&rsquo;agit d&rsquo;un lien cliquable.<\/p>\n<p>En outre, lorsque la souris passe sur un lien textuel, les navigateurs affichent g\u00e9n\u00e9ralement un aper\u00e7u de l&rsquo;URL li\u00e9e pour que vous puissiez voir o\u00f9 elle m\u00e8ne.<\/p>\n<figure id=\"attachment_131268\" aria-describedby=\"caption-attachment-131268\" style=\"width: 1039px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131268 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-preview-of-the-target-URL.jpg\" alt=\"Aper\u00e7u de l'URL cible\" width=\"1039\" height=\"588\"><figcaption id=\"caption-attachment-131268\" class=\"wp-caption-text\">Aper\u00e7u de l&rsquo;URL cible<\/figcaption><\/figure>\n<h4>Images li\u00e9es<\/h4>\n<p>De nombreux programmes, <a href=\"https:\/\/kinsta.com\/fr\/blog\/version-wordpress\/\">dont WordPress,<\/a> vous permettent de g\u00e9n\u00e9rer des liens hypertextes \u00e0 partir de m\u00e9dias en ligne, tels que des images.<\/p>\n<p>Pour cela, s\u00e9lectionnez une image dans l&rsquo;administration (au lieu d&rsquo;un texte) et ajoutez l&rsquo;URL souhait\u00e9e via la fonction <strong>Lien<\/strong>.<\/p>\n<figure id=\"attachment_131269\" aria-describedby=\"caption-attachment-131269\" style=\"width: 1028px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131269 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Linking-an-image.jpg\" alt=\"Cr\u00e9ation d'un lien vers une image\" width=\"1028\" height=\"804\"><figcaption id=\"caption-attachment-131269\" class=\"wp-caption-text\">Cr\u00e9ation d&rsquo;un lien vers une image<\/figcaption><\/figure>\n<p>Une fois l&rsquo;image publi\u00e9e, la fl\u00e8che du curseur standard se transforme en curseur manuel lorsqu&rsquo;elle est survol\u00e9e, et les visiteurs verront le navigateur pr\u00e9senter un aper\u00e7u de l&rsquo;URL li\u00e9e.<\/p>\n<figure id=\"attachment_131270\" aria-describedby=\"caption-attachment-131270\" style=\"width: 1048px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131270 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Image-links-show-URL-previews-when-scrolled-over.jpg\" alt=\"Aper\u00e7u de l'URL cible\" width=\"1048\" height=\"718\"><figcaption id=\"caption-attachment-131270\" class=\"wp-caption-text\">Aper\u00e7u de l&rsquo;URL cible<\/figcaption><\/figure>\n<p>Qu&rsquo;il s&rsquo;agisse d&rsquo;un lien image ou d&rsquo;un lien texte, le fait de cliquer sur le lien d\u00e9clenche une action, par exemple l&rsquo;envoi de l&rsquo;utilisateur vers une autre URL.<\/p>\n<figure id=\"attachment_131271\" aria-describedby=\"caption-attachment-131271\" style=\"width: 1372px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131271 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/An-external-target-page.jpg\" alt=\"Une page cible externe\" width=\"1372\" height=\"759\"><figcaption id=\"caption-attachment-131271\" class=\"wp-caption-text\">Une page cible externe<\/figcaption><\/figure>\n<h4>Comment se pr\u00e9sente le code<\/h4>\n<p>Le texte ou l&rsquo;image contenu dans un lien hypertexte est repr\u00e9sent\u00e9 par le \u00ab The Link Text \u00bb dans l&rsquo;exemple ci-dessous :<\/p>\n<pre><code class=\"language-html\">&lt;<span class=\"syntax-all syntax-tag\">a<\/span> <span class=\"syntax-all syntax-entity\">href<\/span>=<span class=\"syntax-all syntax-string\">\"https:\/\/example.com\/\"<\/span> <span class=\"syntax-all syntax-entity\">target<\/span>=<span class=\"syntax-all syntax-string\">\"_blank\"<\/span> <span class=\"syntax-all syntax-entity\">rel<\/span>=<span class=\"syntax-all syntax-string\">\"noreferrer noopener\"<\/span>&gt;The Link Text&lt;\/<span class=\"syntax-all syntax-tag\">a<\/span>&gt;<\/code><\/pre>\n<p>Cependant, apprendre \u00e0 cr\u00e9er un lien cliquable signifie que vous remplacerez ce texte par votre propre contenu.<\/p>\n<p>Dans le cas d&rsquo;un lien textuel, le texte cliquable se trouve juste avant le crochet de fermeture <em>&lt;\/a&gt;.<\/em><\/p>\n<figure id=\"attachment_131272\" aria-describedby=\"caption-attachment-131272\" style=\"width: 1202px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131272 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/The-link-text.jpg\" alt=\"Le texte du lien\" width=\"1202\" height=\"174\"><figcaption id=\"caption-attachment-131272\" class=\"wp-caption-text\">Le texte du lien<\/figcaption><\/figure>\n<p>Les liens vers des images sont un peu diff\u00e9rents puisqu&rsquo;ils doivent inclure l&rsquo;URL de l&rsquo;image (il est pr\u00e9f\u00e9rable qu&rsquo;elle soit <a href=\"https:\/\/kinsta.com\/fr\/blog\/augmenter-taille-max-upload-wordpress\/\">t\u00e9l\u00e9charg\u00e9e dans la<\/a> base de donn\u00e9es m\u00e9dia de <a href=\"https:\/\/kinsta.com\/fr\/blog\/augmenter-taille-max-upload-wordpress\/\">votre site web<\/a> ).<\/p>\n<p>Cette URL est plac\u00e9e entre les guillemets dans la section <em>img src=\u00a0\u00bb\u00a0\u00bb<\/em>.<\/p>\n<p><img class=\"size&lt;span id=\"><\/p>\n<figure id=\"attachment_138644\" aria-describedby=\"caption-attachment-138644\" style=\"width: 1462px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-138644 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/11\/image-source.jpeg\" alt=\"L'URL de la source de l'image\" width=\"1462\" height=\"220\"><figcaption id=\"caption-attachment-138644\" class=\"wp-caption-text\">L&rsquo;URL de la source de l&rsquo;image<\/figcaption><\/figure>\n<p>Il y a d&rsquo;autres \u00e9l\u00e9ments \u00e0 ajouter aux liens d&rsquo;images, comme :<\/p>\n<ul>\n<li><strong>Une balise alt (<em>alt=\u00a0\u00bb\u00a0\u00bb)<\/em>:<\/strong> Texte d\u00e9crivant l&rsquo;image pour les moteurs de recherche et les utilisateurs malvoyants.<\/li>\n<li><strong>Une classe (<em>class=\u00a0\u00bb\u00a0\u00bb)<\/em>:<\/strong> Un nom cod\u00e9 permettant d&rsquo;utiliser l&rsquo;image ailleurs dans votre code ou dans les fichiers de votre site web.<\/li>\n<\/ul>\n<h3>L&rsquo;URL<\/h3>\n<p>Dans le cadre d&rsquo;un lien hypertexte, l&rsquo;URL sert de destination ou d&rsquo;action lorsque quelqu&rsquo;un clique sur le lien.<\/p>\n<figure id=\"attachment_131275\" aria-describedby=\"caption-attachment-131275\" style=\"width: 1003px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131275 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-URL-within-a-clickable-link.jpg\" alt=\"Une URL dans un lien cliquable\" width=\"1003\" height=\"587\"><figcaption id=\"caption-attachment-131275\" class=\"wp-caption-text\">Une URL dans un lien cliquable<\/figcaption><\/figure>\n<p>Mais tous les URL ne comportent pas d&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/changer-url-wordpress\/\">URL de page web<\/a>. Vous constaterez peut-\u00eatre que certains hyperliens sont dot\u00e9s d&rsquo;une fonctionnalit\u00e9 \u00ab cliquer pour appeler \u00bb, qui permet aux utilisateurs d&rsquo;appeler un num\u00e9ro de t\u00e9l\u00e9phone \u00e0 partir de leur smartphone en un seul clic.<\/p>\n<figure id=\"attachment_131276\" aria-describedby=\"caption-attachment-131276\" style=\"width: 908px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131276 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/An-example-of-click-to-call-functionality.jpg\" alt=\"Un exemple de fonctionnalit\u00e9 \u00ab cliquer pour appeler \u00bb\" width=\"908\" height=\"404\"><figcaption id=\"caption-attachment-131276\" class=\"wp-caption-text\">Un exemple de fonctionnalit\u00e9 \u00ab cliquer pour appeler \u00bb<\/figcaption><\/figure>\n<p>Une autre option consiste \u00e0 afficher une carte qui ouvre l&rsquo;application de cartographie du t\u00e9l\u00e9phone de l&rsquo;utilisateur.<\/p>\n<figure id=\"attachment_131277\" aria-describedby=\"caption-attachment-131277\" style=\"width: 908px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131277 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-link-that-leads-to-a-map-app.jpg\" alt=\"Un lien vers une application cartographique\" width=\"908\" height=\"635\"><figcaption id=\"caption-attachment-131277\" class=\"wp-caption-text\">Un lien vers une application cartographique<\/figcaption><\/figure>\n<h4>Comment se pr\u00e9sente le codage<\/h4>\n<p>Les URL des liens cliquables sont plac\u00e9es entre les guillemets dans la partie <em>&lt;a href=\u00a0\u00bb\u00a0\u00bb<\/em> de l&rsquo;hyperlien.<\/p>\n<p>Par exemple, la partie <em>https:\/\/www.example.com<\/em> du code de l&rsquo;hyperlien suivant est l&rsquo;URL :<\/p>\n<pre><code class=\"language-html\">&lt;<span class=\"syntax-all syntax-tag\">a<\/span> <span class=\"syntax-all syntax-entity\">href<\/span>=<span class=\"syntax-all syntax-string\">\"https:\/\/www.example.com\"<\/span> <span class=\"syntax-all syntax-entity\">target<\/span>=<span class=\"syntax-all syntax-string\">\"_blank\"<\/span> <span class=\"syntax-all syntax-entity\">rel<\/span>=<span class=\"syntax-all syntax-string\">\"noreferrer noopener\"<\/span>&gt;View the entire menu.&lt;\/<span class=\"syntax-all syntax-tag\">a<\/span>&gt; <\/code><\/pre>\n<figure id=\"attachment_131278\" aria-describedby=\"caption-attachment-131278\" style=\"width: 1565px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131278 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/The-URL-presented-in-a-hyperlink-HTML-code.jpg\" alt=\"L'URL pr\u00e9sent\u00e9e dans un lien hypertexte Code HTML\" width=\"1565\" height=\"208\"><figcaption id=\"caption-attachment-131278\" class=\"wp-caption-text\">L&rsquo;URL pr\u00e9sent\u00e9e dans un lien hypertexte Code HTML<\/figcaption><\/figure>\n<p>Certaines URL m\u00e8nent \u00e0 des documents t\u00e9l\u00e9chargeables, tandis que d&rsquo;autres n\u00e9cessitent un codage sp\u00e9cial. Par exemple, un lien \u00ab Cliquez pour appeler \u00bb\u00a0 n\u00e9cessite de placer <em>tel :<\/em> et un num\u00e9ro de t\u00e9l\u00e9phone entre les guillemets <em>href=\u00a0\u00bb\u00a0\u00bb<\/em>.<\/p>\n<figure id=\"attachment_131279\" aria-describedby=\"caption-attachment-131279\" style=\"width: 1407px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131279 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Example-of-a-tel-click-to-call-link.jpg\" alt=\"Exemple d'un lien tel : cliquer pour apeller\" width=\"1407\" height=\"166\"><figcaption id=\"caption-attachment-131279\" class=\"wp-caption-text\">Exemple d&rsquo;un lien tel : cliquer pour apeller<\/figcaption><\/figure>\n<h3>Fen\u00eatre cible<\/h3>\n<p>La fen\u00eatre cible est une partie facultative d&rsquo;un lien hypertexte. Elle indique si le contenu s&rsquo;ouvre dans le m\u00eame onglet du navigateur ou dans un nouvel onglet.<\/p>\n<p>Sur WordPress et de nombreuses autres applications, vous pouvez ajouter une fen\u00eatre cible sans toucher au code en utilisant l&rsquo;\u00e9diteur visuel.<\/p>\n<p>D\u00e9sactivez simplement la case \u00e0 cocher <strong>\u00ab Ouvrir dans un nouvel onglet<\/strong> <strong>\u00bb<\/strong> si vous souhaitez que le lien s&rsquo;ouvre dans le m\u00eame onglet que celui consult\u00e9 par l&rsquo;utilisateur.<\/p>\n<figure id=\"attachment_131280\" aria-describedby=\"caption-attachment-131280\" style=\"width: 992px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131280 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Open-In-New-Tab-switch-turned-off.jpg\" alt=\"D\u00e9sactivation de l'option Ouvrir dans un nouvel onglet\" width=\"992\" height=\"388\"><figcaption id=\"caption-attachment-131280\" class=\"wp-caption-text\">D\u00e9sactivation de l&rsquo;option Ouvrir dans un nouvel onglet<\/figcaption><\/figure>\n<p>Vous pouvez \u00e9galement activer le commutateur <strong>\u00ab<\/strong> <strong>Ouvrir dans un nouvel onglet<\/strong> <strong>\u00bb<\/strong>, qui ajoute automatiquement un attribut <em>_blank<\/em> au codage de l&rsquo;hyperlien et ouvre l&rsquo;URL dans un nouvel onglet lorsque l&rsquo;utilisateur clique dessus.<\/p>\n<figure id=\"attachment_131281\" aria-describedby=\"caption-attachment-131281\" style=\"width: 939px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131281 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Open-In-New-Tab-switch-turned-on.jpg\" alt=\"Activation de l'option Ouvrir dans un nouvel onglet\" width=\"939\" height=\"383\"><figcaption id=\"caption-attachment-131281\" class=\"wp-caption-text\">Activation de l&rsquo;option Ouvrir dans un nouvel onglet<\/figcaption><\/figure>\n<h4>Apparence du code<\/h4>\n<p>Ces options sont d\u00e9clench\u00e9es par l&rsquo;ajout et la modification de l&rsquo;\u00e9l\u00e9ment <em>target=\u00a0\u00bb\u00a0\u00bb<\/em> dans un lien hypertexte.<\/p>\n<p>Bien que l&rsquo;attribut target ait plusieurs valeurs, telles que <em>_blank<\/em>, <em>_parent<\/em>, <em>_self<\/em> et <em>_top<\/em>, nous n&rsquo;utilisons g\u00e9n\u00e9ralement que la valeur <em>_blank<\/em>.<\/p>\n<p>Un lien hypertexte sans l&rsquo;attribut target <em>_blank<\/em> ressemble \u00e0 ceci :<\/p>\n<figure id=\"attachment_131282\" aria-describedby=\"caption-attachment-131282\" style=\"width: 1287px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131282 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/No-_blank-target-within-a-link.jpg\" alt=\"Pas de cible _blank dans un lien\" width=\"1287\" height=\"227\"><figcaption id=\"caption-attachment-131282\" class=\"wp-caption-text\">Pas de cible _blank dans un lien<\/figcaption><\/figure>\n<p>Vous remarquerez que ce n&rsquo;est pas diff\u00e9rent d&rsquo;un lien hypertexte normal. En effet, par d\u00e9faut, les liens hypertextes ne s&rsquo;ouvrent pas dans un nouvel onglet. Vous n&rsquo;avez donc rien \u00e0 faire avec le lien, sauf si vous pr\u00e9f\u00e9rez qu&rsquo;il s&rsquo;ouvre dans un autre onglet du navigateur.<\/p>\n<p>Un lien hypertexte avec la cible _blank, qui d\u00e9clenche l&rsquo;ouverture de l&rsquo;URL dans un nouvel onglet, ressemble \u00e0 ceci :<\/p>\n<pre><code class=\"language-html\">&lt;<span class=\"syntax-all syntax-tag\">a<\/span> <span class=\"syntax-all syntax-entity\">href<\/span>=<span class=\"syntax-all syntax-string\">\"https:\/\/www.example.com\"<\/span> <span class=\"syntax-all syntax-entity\">target<\/span>=<span class=\"syntax-all syntax-string\">\"_blank\"<\/span>&gt;View the entire menu.&lt;\/<span class=\"syntax-all syntax-tag\">a<\/span>&gt;<\/code><\/pre>\n<figure id=\"attachment_131283\" aria-describedby=\"caption-attachment-131283\" style=\"width: 1314px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131283 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Clickable-link-with-a-_blank-target.jpg\" alt=\"Lien cliquable avec une cible _blank\" width=\"1314\" height=\"161\"><figcaption id=\"caption-attachment-131283\" class=\"wp-caption-text\">Lien cliquable avec une cible _blank<\/figcaption><\/figure>\n<h3>nofollow, noreferrer et noopener<\/h3>\n<p>Vous pouvez \u00e9galement ajouter des \u00e9l\u00e9ments suppl\u00e9mentaires \u00e0 un lien cliquable, la plupart d&rsquo;entre eux permettant d&rsquo;am\u00e9liorer la s\u00e9curit\u00e9 ou de <a href=\"https:\/\/kinsta.com\/fr\/blog\/demander-moteurs-recherche-de-ne-pas-indexer-site\/\">masquer les moteurs de recherche<\/a>:<\/p>\n<ul>\n<li><strong><a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-ajouter-liens-nofollow-dans-wordpress\/\">nofollow<\/a> :<\/strong> Un attribut qui emp\u00eache le \u00ab\u00a0jus de lien SEO\u00a0\u00bb d&rsquo;aller vers le site web li\u00e9. Cela permet de prot\u00e9ger votre site web et de cacher le lien aux moteurs de recherche.<\/li>\n<li><strong>noopener :<\/strong> Il s&rsquo;agit d&rsquo;un attribut HTML qui est automatiquement ajout\u00e9 aux liens WordPress marqu\u00e9s comme <strong>\u00ab<\/strong> <strong>Ouvrir dans un nouvel onglet \u00bb<\/strong>. Il est associ\u00e9 \u00e0 <em>noreferrer<\/em> pour minimiser certains probl\u00e8mes de s\u00e9curit\u00e9 lors de l&rsquo;ouverture de liens dans de nouveaux onglets.<\/li>\n<li><strong>noreferrer :<\/strong> souvent associ\u00e9 \u00e0 <em>noopener<\/em>, l&rsquo;attribut <em>noreferrer<\/em> bloque toutes les informations de r\u00e9f\u00e9rence transmises au site cible, ce qui renforce la s\u00e9curit\u00e9 et peut bloquer les donn\u00e9es provenant de sites de suivi et de sites de r\u00e9mun\u00e9ration d&rsquo;affili\u00e9s.<\/li>\n<\/ul>\n<p>Vous ne pouvez identifier aucun de ces attributs de lien en regardant un lien sur le site r\u00e9el. Vous devez donc vous baser sur le code HTML.<\/p>\n<h4>Comment se pr\u00e9sente le code<\/h4>\n<p>Tous ces attributs de lien se trouvent entre les guillemets de la partie <em>rel=\u00a0\u00bb\u00a0\u00bb<\/em> du lien cliquable.<\/p>\n<p>Il est possible de les inclure tous dans un seul lien.<\/p>\n<figure id=\"attachment_131327\" aria-describedby=\"caption-attachment-131327\" style=\"width: 1168px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131327 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Link-with-noreferrer-noopener-and-nofollow-all-included.jpg\" alt=\"Lien avec noreferrer, noopener et nofollow inclus\" width=\"1168\" height=\"190\"><figcaption id=\"caption-attachment-131327\" class=\"wp-caption-text\">Lien avec noreferrer, noopener et nofollow inclus<\/figcaption><\/figure>\n<p>Par ailleurs, vous pouvez constater que certains hyperliens n&rsquo;incluent qu&rsquo;un attribut <em>noreferrer noopener<\/em>, ou un <em>nofollow<\/em> sans les deux autres. Tout d\u00e9pend de l&rsquo;objectif recherch\u00e9 par le cr\u00e9ateur du lien.<\/p>\n<h3>Raisons pour lesquelles vous souhaitez rendre un lien cliquable<\/h3>\n<p>Lorsque vous apprenez \u00e0 rendre un lien cliquable, il est important de comprendre toutes les raisons qui sous-tendent l&rsquo;\u00e9tablissement d&rsquo;un hyperlien. De cette fa\u00e7on, vous serez au courant des fonctionnalit\u00e9s et pourrez en tirer parti \u00e0 l&rsquo;avenir.<\/p>\n<p>Voici les principales raisons pour lesquelles vous pourriez vouloir rendre un lien cliquable :<\/p>\n<ol>\n<li><strong>Hyperliens internes\/externes g\u00e9n\u00e9raux vers des URL :<\/strong> Vous pouvez cr\u00e9er des liens textuels qui m\u00e8nent hors de votre site web (par exemple pour citer des sources ou renforcer une argumentation \u00e0 l&rsquo;aide d&rsquo;une \u00e9tude r\u00e9alis\u00e9e par un tiers), ou vers d&rsquo;autres pages de votre site (ce qui est particuli\u00e8rement utile pour envoyer les lecteurs vers un contenu pertinent et les inciter \u00e0 rester plus longtemps sur votre site).<\/li>\n<li><strong>Cr\u00e9er des liens vers des images :<\/strong> Vous pouvez ajouter des hyperliens vers des URL, des fichiers multim\u00e9dias ou des pages de pi\u00e8ces jointes \u00e0 n&rsquo;importe quelle image sur WordPress et sur de nombreux autres constructeurs de sites web.<\/li>\n<li><strong>Boutons de lien :<\/strong> Les boutons CSS offrent des options pour l&rsquo;ajout d&rsquo;hyperliens, ajoutant une exp\u00e9rience visuelle plus attrayante \u00e0 votre lien cliquable par rapport \u00e0 un texte simple.<\/li>\n<li><strong>Num\u00e9ros de t\u00e9l\u00e9phone :<\/strong> Souvent appel\u00e9s \u00ab cliquer pour appeler \u00bb, les hyperliens menant \u00e0 des num\u00e9ros de t\u00e9l\u00e9phone ouvrent des applications offrant des possibilit\u00e9s d&rsquo;appel, comme l&rsquo;application t\u00e9l\u00e9phonique de votre appareil ou Skype.<\/li>\n<li><strong>Adresses :<\/strong> L&rsquo;hyperlien vers des coordonn\u00e9es sp\u00e9cifiques sur Google ou Apple Maps signifie que l&rsquo;utilisateur qui clique sur le lien verra ces informations automatiquement plac\u00e9es dans son application GPS\/carte pour la navigation.<\/li>\n<li><strong>Adresses e-mail :<\/strong> Il s&rsquo;agit d&rsquo;un lien similaire au lien \u00ab cliquer pour appeler \u00bb, mais avec des adresses \u00e9lectroniques. Il d\u00e9clenche l&rsquo;application de messagerie d&rsquo;un t\u00e9l\u00e9phone ou d&rsquo;un ordinateur, ainsi qu&rsquo;une nouvelle composition d&rsquo;e-mail avec une adresse e-mail sp\u00e9cifique ajout\u00e9e dans le champ \u00ab <strong>\u00c0<\/strong> \u00bb.<\/li>\n<li><strong> <a href=\"https:\/\/kinsta.com\/fr\/blog\/liens-ancrage\/\">Cr\u00e9er des liens d&rsquo;ancrage<\/a> :<\/strong> Vous pouvez renvoyer \u00e0 un contenu de la m\u00eame page en utilisant des liens d&rsquo;ancrage ; ces liens sont tr\u00e8s populaires pour cr\u00e9er une table des mati\u00e8res au d\u00e9but d&rsquo;un long article de blog. Ils sont parfois appel\u00e9s \u00ab hyperliens de favori\u00a0 \u00bb<\/li>\n<li><strong>Offrir un fichier t\u00e9l\u00e9chargeable :<\/strong> WordPress et d&rsquo;autres constructeurs de sites web proposent des outils permettant de t\u00e9l\u00e9charger des <a href=\"https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/\">fichiers SVG<\/a>, des <a href=\"https:\/\/kinsta.com\/fr\/blog\/plugins-wordpress-visionneuse-pdf\/\">PDF<\/a>, des <a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-envoyer-fichier-html-vers-wordpress\/\">fichiers HTML<\/a> et bien d&rsquo;autres choses encore ; il est m\u00eame possible de <a href=\"https:\/\/kinsta.com\/fr\/blog\/televerser-fichiers-masse-ftp\/\">t\u00e9l\u00e9charger des \u00e9l\u00e9ments en masse<\/a>. Ensuite, il est possible de cr\u00e9er des liens hypertextes dans les articles\/pages pour que les utilisateurs puissent t\u00e9l\u00e9charger les fichiers directement sur leur appareil.<\/li>\n<\/ol>\n<p>Maintenant que nous avons abord\u00e9 les types d&rsquo;hyperliens et les raisons pour lesquelles vous souhaitez en cr\u00e9er un, continuez \u00e0 lire pour tout savoir sur la mani\u00e8re d&rsquo;y parvenir.<\/p>\n<h2>Comment rendre un lien cliquable<\/h2>\n<p>La m\u00e9thode que vous choisissez pour cr\u00e9er un lien d\u00e9pend de votre exp\u00e9rience. Vous pouvez opter pour une m\u00e9thode visuelle plus simple ou envisager d&rsquo;utiliser du code HTML.<\/p>\n<p>Il existe quatre m\u00e9thodes principales pour rendre un lien cliquable :<\/p>\n<ol>\n<li>Utiliser l&rsquo;\u00e9diteur classique de WordPress<\/li>\n<li>Utilisation de l&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/desactiver-editeur-gutenberg-wordpress\/\">\u00e9diteur de blocs WordPress (Gutenberg)<\/a><\/li>\n<li>En utilisant le HTML<\/li>\n<li>En utilisant n&rsquo;importe quelle interface utilisateur graphique (GUI)<\/li>\n<\/ol>\n<p>Gardez \u00e0 l&rsquo;esprit que toutes ces m\u00e9thodes fonctionnent de mani\u00e8re similaire pour les articles et les pages WordPress. Ces guides (en particulier la m\u00e9thode 4) sont \u00e9galement utiles pour d&rsquo;autres applications\/constructeurs de sites web, mais certaines terminologies\/fonctionnalit\u00e9s peuvent varier.<\/p>\n<h3>M\u00e9thode 1 : Utiliser l&rsquo;\u00e9diteur classique de WordPress<\/h3>\n<p>Si vous travaillez avec l&rsquo;\u00e9diteur classique de WordPress, la fa\u00e7on la plus simple de cr\u00e9er un lien cliquable sur un article ou une page est de passer par l&rsquo;onglet de l&rsquo;\u00e9diteur <strong>V<\/strong><strong>isuel<\/strong>.<\/p>\n<p>Pour ce faire, allez dans la section <strong>Articles<\/strong> ou <strong>Pages<\/strong> de votre tableau de bord WordPress, et s\u00e9lectionnez une page ou un article individuel que vous souhaitez modifier, en utilisant l&rsquo;onglet <strong>Visuel<\/strong>.<\/p>\n<h4>\u00c9tape 1 : Mettez en surbrillance le texte que vous souhaitez rendre cliquable<\/h4>\n<p>Pour un lien textuel, il est pr\u00e9f\u00e9rable d&rsquo;avoir d\u00e9j\u00e0 tap\u00e9 le texte dans l&rsquo;\u00e9diteur <strong>Visuel<\/strong>. Ensuite, utilisez votre curseur pour mettre en \u00e9vidence la cha\u00eene de texte.<\/p>\n<figure id=\"attachment_131328\" aria-describedby=\"caption-attachment-131328\" style=\"width: 1098px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131328 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Highlight-some-text.jpg\" alt=\"Mettez du texte en surbrillance\" width=\"1098\" height=\"837\"><figcaption id=\"caption-attachment-131328\" class=\"wp-caption-text\">Mettez du texte en surbrillance<\/figcaption><\/figure>\n<p><strong>Si vous transformez une image en lien cliquable :<\/strong><\/p>\n<p>S\u00e9lectionnez l&rsquo;image de fa\u00e7on \u00e0 ce que vous puissiez voir une barre d&rsquo;outils d&rsquo;\u00e9dition et un contour autour de l&rsquo;image.<\/p>\n<figure id=\"attachment_131329\" aria-describedby=\"caption-attachment-131329\" style=\"width: 1081px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131329 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Select-the-image.jpg\" alt=\"S\u00e9lectionnez l'image\" width=\"1081\" height=\"835\"><figcaption id=\"caption-attachment-131329\" class=\"wp-caption-text\">S\u00e9lectionnez l&rsquo;image<\/figcaption><\/figure>\n<h4>\u00c9tape 2 : Cliquez sur le bouton Ins\u00e9rer\/\u00c9diter un lien<\/h4>\n<p>Le texte \u00e9tant toujours en surbrillance, faites d\u00e9filer le bouton<strong> Ins\u00e9rer\/Modifier un lien<\/strong> dans la barre d&rsquo;outils de l&rsquo;\u00e9diteur visuel. L&rsquo;ic\u00f4ne du bouton ressemble \u00e0 un maillon de cha\u00eene.<\/p>\n<figure id=\"attachment_131331\" aria-describedby=\"caption-attachment-131331\" style=\"width: 1092px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131331 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Edit-Link-button.jpg\" alt=\"Cliquez sur le bouton Ins\u00e9rer\/Modifier un lien\" width=\"1092\" height=\"545\"><figcaption id=\"caption-attachment-131331\" class=\"wp-caption-text\">Cliquez sur le bouton Ins\u00e9rer\/Modifier un lien<\/figcaption><\/figure>\n<p><strong>Si vous transformez une image en lien cliquable :<\/strong><\/p>\n<p>L&rsquo;image \u00e9tant toujours s\u00e9lectionn\u00e9e, cliquez sur le bouton<strong> Ins\u00e9rer\/Modifier<\/strong> un lien (celui qui ressemble \u00e0 un maillon de cha\u00eene).<\/p>\n<figure id=\"attachment_131335\" aria-describedby=\"caption-attachment-131335\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131335 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Choose-the-Edit-Button.jpg\" alt=\"Choisissez le bouton Modifier\" width=\"1024\" height=\"678\"><figcaption id=\"caption-attachment-131335\" class=\"wp-caption-text\">Choisissez le bouton Modifier<\/figcaption><\/figure>\n<h4>\u00c9tape 3 : Collez une URL<\/h4>\n<p>Un champ URL vide appara\u00eet. Copiez <strong>(Commande + C ou Ctrl + C)<\/strong> l&rsquo;URL du lien souhait\u00e9 dans le presse-papiers de votre appareil. Ce lien peut \u00eatre une URL externe trouv\u00e9e ailleurs sur Internet ou une URL de votre propre site web.<\/p>\n<p>Une fois copi\u00e9, collez-le <strong>(Commande + V, ou Ctrl +V)<\/strong> dans le champ.<\/p>\n<figure id=\"attachment_131334\" aria-describedby=\"caption-attachment-131334\" style=\"width: 1086px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131334 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Paste-in-a-URL.jpg\" alt=\"Coller une URL\" width=\"1086\" height=\"630\"><figcaption id=\"caption-attachment-131334\" class=\"wp-caption-text\">Coller une URL<\/figcaption><\/figure>\n<p><strong>Si vous transformez une image en lien cliquable :<\/strong><\/p>\n<p>Collez l&rsquo;URL souhait\u00e9e dans le champ r\u00e9v\u00e9l\u00e9, puis cliquez sur le bouton <strong>Appliquer<\/strong> pour activer le lien.<\/p>\n<figure id=\"attachment_131333\" aria-describedby=\"caption-attachment-131333\" style=\"width: 1092px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131333 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Insert-the-link-and-click-the-Apply-button-1.jpg\" alt=\"Ins\u00e9rez le lien et cliquez sur le bouton Appliquer\" width=\"1092\" height=\"837\"><figcaption id=\"caption-attachment-131333\" class=\"wp-caption-text\">Ins\u00e9rez le lien et cliquez sur le bouton Appliquer<\/figcaption><\/figure>\n<h4>\u00c9tape 4 : Appliquer le lien<\/h4>\n<p>Cliquez sur le bouton <strong>Appliquer<\/strong> pour activer le lien et rendre le texte cliquable.<\/p>\n<figure id=\"attachment_131336\" aria-describedby=\"caption-attachment-131336\" style=\"width: 1080px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131336 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Click-the-Apply-button.jpg\" alt=\"Cliquez sur le bouton Appliquer\" width=\"1080\" height=\"629\"><figcaption id=\"caption-attachment-131336\" class=\"wp-caption-text\">Cliquez sur le bouton Appliquer<\/figcaption><\/figure>\n<p>Vous devriez maintenant voir la partie hyperlien de votre texte soulign\u00e9e, et \u00e9ventuellement dans une couleur diff\u00e9rente.<\/p>\n<figure id=\"attachment_131337\" aria-describedby=\"caption-attachment-131337\" style=\"width: 1084px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131337 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/The-resulting-link.jpg\" alt=\"Le lien r\u00e9sultant\" width=\"1084\" height=\"475\"><figcaption id=\"caption-attachment-131337\" class=\"wp-caption-text\">Le lien r\u00e9sultant<\/figcaption><\/figure>\n<p>Si vous cliquez sur l&rsquo;hyperlien dans votre \u00e9diteur, vous verrez appara\u00eetre un lien r\u00e9el \u00e0 tester, ainsi que des outils d&rsquo;\u00e9dition au cas o\u00f9 vous souhaiteriez modifier l&rsquo;hyperlien.<\/p>\n<p><img class=\"size-full wp-image-1313&lt;span id=\"><\/p>\n<h4>Options suppl\u00e9mentaires<\/h4>\n<p>Nous aborderons les liens cliquables plus avanc\u00e9s dans les sections suivantes, mais il est int\u00e9ressant de noter que chaque lien que vous cr\u00e9ez dans l&rsquo;\u00e9diteur WordPress classique dispose d&rsquo;un bouton <strong>Options de<\/strong> <strong>lien<\/strong> pour des r\u00e9glages suppl\u00e9mentaires.<\/p>\n<figure id=\"attachment_138643\" aria-describedby=\"caption-attachment-138643\" style=\"width: 1078px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-138643 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/11\/link-for-options.jpeg\" alt=\"Cliquez sur le bouton Options du lien\" width=\"1078\" height=\"558\"><figcaption id=\"caption-attachment-138643\" class=\"wp-caption-text\">Cliquez sur le bouton Options du lien<\/figcaption><\/figure>\n<p>Ici, vous pouvez :<\/p>\n<ul>\n<li>Ajuster l&rsquo;URL<\/li>\n<li>Modifier le texte du lien<\/li>\n<li>Ouvrir le lien dans un nouvel onglet<\/li>\n<li>Rechercher un contenu existant sur votre site et cr\u00e9er un lien vers ce contenu<\/li>\n<\/ul>\n<figure id=\"attachment_131340\" aria-describedby=\"caption-attachment-131340\" style=\"width: 1034px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131340 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/More-options.jpg\" alt=\"Plus d'options\" width=\"1034\" height=\"786\"><figcaption id=\"caption-attachment-131340\" class=\"wp-caption-text\">Plus d&rsquo;options<\/figcaption><\/figure>\n<p><strong>Si vous transformez une image en lien cliquable :<\/strong><\/p>\n<p>L&rsquo;\u00e9diteur classique de WordPress offre une deuxi\u00e8me fa\u00e7on de rendre les images cliquables. Pour cela, s\u00e9lectionnez l&rsquo;image, puis cliquez sur le bouton <strong>Modifier<\/strong> (qui ressemble \u00e0 un crayon) dans la barre d&rsquo;outils.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131341\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Choose-the-Edit-Button-1.jpg\" alt=\"image selected in WordPress and clicking the Edit button\" width=\"1024\" height=\"678\"><\/p>\n<p>Faites d\u00e9filer la page jusqu&rsquo;au champ <strong>Link<\/strong> <strong>To<\/strong>, qui vous permet de cr\u00e9er un lien vers une <strong>URL personnalis\u00e9e<\/strong>. Il vous suffit de coller l&rsquo;URL souhait\u00e9e dans le champ situ\u00e9 en dessous, puis de cliquer sur <strong>Mettre \u00e0 jour<\/strong>.<\/p>\n<figure id=\"attachment_131342\" aria-describedby=\"caption-attachment-131342\" style=\"width: 1078px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131342 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Find-and-edit-the-Link-To-field.jpg\" alt=\"Recherchez et modifiez le champ Lien vers\" width=\"1078\" height=\"884\"><figcaption id=\"caption-attachment-131342\" class=\"wp-caption-text\">Recherchez et modifiez le champ Lien vers<\/figcaption><\/figure>\n<p>Vous pouvez \u00e9galement s\u00e9lectionner le menu d\u00e9roulant \u00ab <strong>Lien vers <\/strong>\u00bb pour cr\u00e9er un lien hypertexte :<\/p>\n<ul>\n<li>Des fichiers multim\u00e9dias<\/li>\n<li>Des pages de pi\u00e8ces jointes<\/li>\n<li>URL personnalis\u00e9es<\/li>\n<li>Aucun<\/li>\n<\/ul>\n<figure id=\"attachment_131343\" aria-describedby=\"caption-attachment-131343\" style=\"width: 1078px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131343 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Choose-different-linking-options.jpg\" alt=\"Choisissez diff\u00e9rentes options de liens\" width=\"1078\" height=\"529\"><figcaption id=\"caption-attachment-131343\" class=\"wp-caption-text\">Choisissez diff\u00e9rentes options de liens<\/figcaption><\/figure>\n<h3>M\u00e9thode 2 : utiliser l&rsquo;\u00e9diteur de blocs de WordPress (Gutenberg)<\/h3>\n<p>Les hyperliens fonctionnent de la m\u00eame mani\u00e8re dans les articles et les pages dans l&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/editeur-wordpress-gutenberg\/\">\u00e9diteur de blocs de WordPress<\/a>.<\/p>\n<p>Pour commencer, rendez-vous dans la section <strong>Articles<\/strong> ou <strong>Pages<\/strong> de votre tableau de bord WordPress. S\u00e9lectionnez un article ou une page individuelle que vous souhaitez modifier, puis plongez dans les \u00e9tapes ci-dessous.<\/p>\n<h4>\u00c9tape 1 : Surlignez du texte<\/h4>\n<p>Tapez du texte dans l&rsquo;\u00e9diteur. Avec votre curseur, mettez en \u00e9vidence la partie du texte que vous souhaitez rendre cliquable. Dans la barre d&rsquo;outils contextuelle, cliquez sur le bouton <strong>Lien<\/strong>.<\/p>\n<figure id=\"attachment_131344\" aria-describedby=\"caption-attachment-131344\" style=\"width: 1043px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131344 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Highlight-text-and-click-the-Link-button.jpg\" alt=\"Mettez le texte en surbrillance et cliquez sur le bouton Lien\" width=\"1043\" height=\"424\"><figcaption id=\"caption-attachment-131344\" class=\"wp-caption-text\">Mettez le texte en surbrillance et cliquez sur le bouton Lien<\/figcaption><\/figure>\n<p><strong>Si vous transformez une image en lien cliquable :<\/strong><\/p>\n<p>Pour rendre une image cliquable dans l&rsquo;\u00e9diteur de blocs de WordPress, il faut d&rsquo;abord ajouter une image \u00e0 l&rsquo;\u00e9diteur.<\/p>\n<p>Pour ce faire, cliquez sur le bouton <strong>Ajouter un<\/strong> <strong>bloc<\/strong>, puis s\u00e9lectionnez le bloc <strong>Image<\/strong>. T\u00e9l\u00e9versez l&rsquo;image que vous souhaitez lier.<\/p>\n<div class=\"mceTemp\">\n<dl id=\"urn:enhancement-cb85b45a-ab00-4574-bc15-2d32c99fad0c\" class=\"textannotation selected\">\n<dt class=\"wp-caption-dt\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131345 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Add-an-image-block.jpg\" alt=\"Ajouter un bloc d'image\" width=\"1044\" height=\"767\"><\/dt>\n<\/dl>\n<\/div>\n<p>Cliquez sur l&rsquo;image pour la mettre en surbrillance\/s\u00e9lectionner, puis choisissez le bouton <strong>Ins\u00e9rer un<\/strong> <strong>lien<\/strong> dans la fen\u00eatre contextuelle de la barre d&rsquo;outils.<\/p>\n<figure id=\"attachment_131346\" aria-describedby=\"caption-attachment-131346\" style=\"width: 953px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131346 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Add-an-image-block-1.jpg\" alt=\"S\u00e9lectionnez l'image et ins\u00e9rez le lien\" width=\"953\" height=\"774\"><figcaption id=\"caption-attachment-131346\" class=\"wp-caption-text\">S\u00e9lectionnez l&rsquo;image et ins\u00e9rez le lien<\/figcaption><\/figure>\n<h4>\u00c9tape 2 : Coller l&rsquo;URL et envoyer le lien<\/h4>\n<p>Une fen\u00eatre contextuelle s&rsquo;affiche avec un champ vide. Collez l&rsquo;URL vers laquelle vous souhaitez cr\u00e9er un lien, puis cliquez sur la <strong>touche Entr\u00e9e<\/strong> de votre clavier ou sur le bouton <strong>Envoyer<\/strong> pour activer le lien cliquable.<\/p>\n<figure id=\"attachment_131347\" aria-describedby=\"caption-attachment-131347\" style=\"width: 1046px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131347 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Insert-a-URL-and-click-Submit.jpg\" alt=\"Ins\u00e9rez une URL et cliquez sur Envoyer\" width=\"1046\" height=\"485\"><figcaption id=\"caption-attachment-131347\" class=\"wp-caption-text\">Ins\u00e9rez une URL et cliquez sur Envoyer<\/figcaption><\/figure>\n<p>Le texte hyperli\u00e9 s&rsquo;affiche alors dans une couleur diff\u00e9rente et vous pouvez cliquer sur le lien pour obtenir un aper\u00e7u du contenu et ajouter des r\u00e9glages de liaison plus avanc\u00e9s.<\/p>\n<figure id=\"attachment_131348\" aria-describedby=\"caption-attachment-131348\" style=\"width: 1028px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131348 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/View-a-preview-and-more-advanced-link-settings.jpg\" alt=\"Afficher un aper\u00e7u et des r\u00e9glages de lien plus avanc\u00e9s\" width=\"1028\" height=\"611\"><figcaption id=\"caption-attachment-131348\" class=\"wp-caption-text\">Afficher un aper\u00e7u et des r\u00e9glages de lien plus avanc\u00e9s<\/figcaption><\/figure>\n<p><strong>Si vous transformez une image en lien cliquable :<\/strong><\/p>\n<p>Des options vous permettent de cr\u00e9er des liens hypertextes vers des fichiers multim\u00e9dias et des pages de fichiers joints si vous le souhaitez.<\/p>\n<figure id=\"attachment_131350\" aria-describedby=\"caption-attachment-131350\" style=\"width: 918px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131350 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Consider-media-file-and-attachment-page-links.jpg\" alt=\"Envisagez des liens vers des fichiers multim\u00e9dias et des pages de fichiers joints\" width=\"918\" height=\"424\"><figcaption id=\"caption-attachment-131350\" class=\"wp-caption-text\">Envisagez des liens vers des fichiers multim\u00e9dias et des pages de fichiers joints<\/figcaption><\/figure>\n<p>Sinon, collez une URL dans le champ de lien vide. Cliquez sur le bouton <strong>Appliquer<\/strong> pour activer le lien. Apr\u00e8s la publication, toute personne qui clique sur l&rsquo;image est redirig\u00e9e vers le lien que vous avez sp\u00e9cifi\u00e9.<\/p>\n<figure id=\"attachment_131352\" aria-describedby=\"caption-attachment-131352\" style=\"width: 920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131352 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Click-on-the-Apply-button-after-inserting-a-URL.jpg\" alt=\"Cliquez sur le bouton Appliquer apr\u00e8s avoir ins\u00e9r\u00e9 une URL\" width=\"920\" height=\"412\"><figcaption id=\"caption-attachment-131352\" class=\"wp-caption-text\">Cliquez sur le bouton Appliquer apr\u00e8s avoir ins\u00e9r\u00e9 une URL<\/figcaption><\/figure>\n<p>Pour plus d&rsquo;options, cliquez sur le bouton <strong>vers le bas (v)<\/strong>:<\/p>\n<ul>\n<li>Ouvrir le lien dans un nouvel onglet<\/li>\n<li>Ajouter un lien Rel<\/li>\n<li>Ajouter une classe CSS au lien<\/li>\n<\/ul>\n<figure id=\"attachment_131353\" aria-describedby=\"caption-attachment-131353\" style=\"width: 983px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131353 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Click-the-down-carrot-button-for-more-settings.jpg\" alt=\"Cliquez sur le bouton vers le bas pour plus de r\u00e9glages\" width=\"983\" height=\"712\"><figcaption id=\"caption-attachment-131353\" class=\"wp-caption-text\">Cliquez sur le bouton vers le bas pour plus de r\u00e9glages<\/figcaption><\/figure>\n<h4>Options suppl\u00e9mentaires<\/h4>\n<p>Nous reviendrons plus en d\u00e9tail sur les structures avanc\u00e9es des hyperliens dans les sections suivantes, mais sachez qu&rsquo;un bouton <strong>Modifier<\/strong> est disponible si vous cliquez avec votre curseur sur le lien nouvellement cr\u00e9\u00e9.<\/p>\n<figure id=\"attachment_131355\" aria-describedby=\"caption-attachment-131355\" style=\"width: 983px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131355 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Click-the-Edit-button.jpg\" alt=\"Cliquez sur le bouton Modifier\" width=\"983\" height=\"612\"><figcaption id=\"caption-attachment-131355\" class=\"wp-caption-text\">Cliquez sur le bouton Modifier<\/figcaption><\/figure>\n<p>Cette page d&rsquo;<strong>\u00e9dition<\/strong> affiche des champs pour :<\/p>\n<ul>\n<li>Changer le texte du lien<\/li>\n<li>Modifier l&rsquo;URL<\/li>\n<li>Ouvrir le lien dans un nouvel onglet<\/li>\n<\/ul>\n<figure id=\"attachment_131356\" aria-describedby=\"caption-attachment-131356\" style=\"width: 918px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131356 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/The-Edit-page.jpg\" alt=\"La page d'\u00e9dition\" width=\"918\" height=\"419\"><figcaption id=\"caption-attachment-131356\" class=\"wp-caption-text\">La page d&rsquo;\u00e9dition<\/figcaption><\/figure>\n<h4>Autres liens cliquables que vous pouvez cr\u00e9er dans l&rsquo;\u00e9diteur de blocs<\/h4>\n<p>L&rsquo;\u00e9diteur de blocs de WordPress \u00e9largit les options de liens habituelles disponibles. En fait, des douzaines de blocs int\u00e9gr\u00e9s permettent une sorte de structure de lien cliquable, y compris :<\/p>\n<ul>\n<li><strong>Les boutons : <\/strong>Une mani\u00e8re \u00e9l\u00e9gante de lier le contenu par rapport \u00e0 de simples liens textuels.<\/li>\n<li><strong style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\">Fichiers : <\/strong>T\u00e9l\u00e9versez rapidement des fichiers et incluez un bouton sur lequel les utilisateurs peuvent cliquer pour les t\u00e9l\u00e9charger.<\/li>\n<li><strong>Ic\u00f4nes sociales :<\/strong> Ins\u00e9rez des ic\u00f4nes sociales avec des liens cliquables.<\/li>\n<li><strong>Navigation :<\/strong> Placez des boutons de navigation n&rsquo;importe o\u00f9 sur votre site \u00e0 l&rsquo;aide de liens cliquables.<\/li>\n<li><strong>En savoir plus :<\/strong> Peut \u00eatre utilis\u00e9 pour raccourcir votre contenu et fournir un lien vers la version plus compl\u00e8te.<\/li>\n<li><strong>Connexion\/d\u00e9connexion :<\/strong> Ajoutez un lien rapide permettant aux utilisateurs de se connecter \u00e0 votre site.<\/li>\n<li><strong>Prochain article :<\/strong> Ajoutez un lien\/bouton cliquable vers le prochain article de blog sur votre site.<\/li>\n<li><strong>Article pr\u00e9c\u00e9dent : <\/strong>Ajoutez un lien\/bouton cliquable qui renvoie \u00e0 l&rsquo;article de blog pr\u00e9c\u00e9dent sur votre site.\n<ul>\n<li style=\"list-style-type: none\"><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<figure id=\"attachment_131357\" aria-describedby=\"caption-attachment-131357\" style=\"width: 952px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131357 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-button-is-yet-another-style-of-clickable-link-available-in-the-WordPress-Block-Editor.jpg\" alt=\"Un bouton est un autre type de lien cliquable disponible dans l'\u00e9diteur de blocs de WordPress\" width=\"952\" height=\"375\"><figcaption id=\"caption-attachment-131357\" class=\"wp-caption-text\">Un bouton est un autre type de lien cliquable disponible dans l&rsquo;\u00e9diteur de blocs de WordPress<\/figcaption><\/figure>\n<h3>M\u00e9thode 3 : Utilisation de HTML<\/h3>\n<p>Rendre un lien cliquable avec HTML fonctionne de la m\u00eame mani\u00e8re quelle que soit l&rsquo;interface de votre \u00e9diteur.<\/p>\n<p>Vous pouvez \u00e9diter du HTML avec :<\/p>\n<p><strong>Le panneau Texte dans l&rsquo;\u00e9diteur classique de WordPress<\/strong><\/p>\n<figure id=\"attachment_138641\" aria-describedby=\"caption-attachment-138641\" style=\"width: 940px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-138641 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/11\/classic-editor-text-panel.jpeg\" alt=\"Le panneau Texte de l'\u00e9diteur classique de WordPress\" width=\"940\" height=\"456\"><figcaption id=\"caption-attachment-138641\" class=\"wp-caption-text\">Le panneau Texte de l&rsquo;\u00e9diteur classique de WordPress<\/figcaption><\/figure>\n<p><strong>L&rsquo;\u00e9diteur de code dans l&rsquo;\u00e9diteur de blocs de WordPress<\/strong><\/p>\n<figure id=\"attachment_138642\" aria-describedby=\"caption-attachment-138642\" style=\"width: 957px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-138642 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/11\/code-editor.jpeg\" alt=\"L'\u00e9diteur de code dans l'\u00e9diteur de blocs de WordPress\" width=\"957\" height=\"556\"><figcaption id=\"caption-attachment-138642\" class=\"wp-caption-text\">L&rsquo;\u00e9diteur de code dans l&rsquo;\u00e9diteur de blocs de WordPress<\/figcaption><\/figure>\n<p><strong>Un \u00e9diteur HTML\/Texte sur votre appareil<\/strong><\/p>\n<p>Les<a href=\"https:\/\/kinsta.com\/fr\/blog\/meilleurs-editeurs-de-texte\/\"> \u00e9diteurs de texte comme Atom, Sublime Text et Coda<\/a> fournissent l&rsquo;interface n\u00e9cessaire pour \u00e9crire et \u00e9diter du HTML, en particulier pour les liens cliquables. Il est \u00e9galement possible d&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/editeurs-markdown\/\">utiliser des \u00e9diteurs markdown<\/a>.<\/p>\n<figure id=\"attachment_131360\" aria-describedby=\"caption-attachment-131360\" style=\"width: 1230px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131360 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/The-Atom-text-editor.jpg\" alt=\"L'\u00e9diteur de texte Atom\" width=\"1230\" height=\"750\"><figcaption id=\"caption-attachment-131360\" class=\"wp-caption-text\">L&rsquo;\u00e9diteur de texte Atom<\/figcaption><\/figure>\n<p>Apr\u00e8s avoir travaill\u00e9 avec l&rsquo;\u00e9diteur de texte, vous pouvez :<\/p>\n<ul>\n<li>T\u00e9l\u00e9verser vos fichiers pour les publier sur l&rsquo;internet, <a href=\"https:\/\/kinsta.com\/fr\/blog\/ftp-vs-sftp\/\">via FTP ou SFTP<\/a>. <a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-utiliser-filezilla\/\">Nous vous recommandons d&rsquo;utiliser FileZilla<\/a> pour que le processus soit le plus fluide possible.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/televerser-fichiers-masse-ftp\/\">T\u00e9l\u00e9verser en masse des fichiers HTML<\/a> dans le <a href=\"https:\/\/kinsta.com\/fr\/blog\/fichiers-wordpress\/\">r\u00e9pertoire de fichiers de WordPress<\/a>.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/meilleurs-clients-ftp\/\">Utiliser l&rsquo;un des nombreux autres clients FTP<\/a> pour t\u00e9l\u00e9verser des fichiers HTML vers WordPress.<\/li>\n<\/ul>\n<p>Une fois que vous avez trouv\u00e9 un \u00e9diteur de texte et que vous savez comment vous allez t\u00e9l\u00e9charger le HTML sur WordPress, passez aux \u00e9tapes suivantes pour rendre un lien cliquable avec le HTML.<\/p>\n<p>Ce format est utilis\u00e9 pour les hyperliens de base en HTML :<\/p>\n<pre><code class=\"language-html\">&lt;a href=\"https:\/\/www.example.com\"&gt;Link Text&lt;\/a&gt;<\/code><\/pre>\n<div class=\"mceTemp\">\n<dl id=\"attach&lt;span id=\" class=\"textannotation selected\">\n<dt class=\"wp-caption-dt\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131361 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Basic-HTML-link-format.jpg\" alt=\"Format de base des liens HTML\" width=\"937\" height=\"299\"><\/dt>\n<\/dl>\n<\/div>\n<p>Notes :<\/p>\n<ol>\n<li>Remplacez \u00ab https:\/\/www.example.com \u00bb par l&rsquo;URL de votre choix.<\/li>\n<li>Remplacez \u00ab Link Text \u00bb par le texte du lien souhait\u00e9.<\/li>\n<\/ol>\n<p>Une fois que le lien est pr\u00eat, vous pouvez publier l&rsquo;article\/la page ou t\u00e9l\u00e9charger le code HTML sur votre site. Il est \u00e9galement possible d&rsquo;obtenir un aper\u00e7u visuel du lien en passant \u00e0 l&rsquo;onglet <strong>Visuel<\/strong> de WordPress.<\/p>\n<p>Une version publi\u00e9e de ce lien HTML montre le lien soulign\u00e9 et parfois dans une couleur diff\u00e9rente. En passant la souris sur ce lien, vous verrez appara\u00eetre sa cible en bas du navigateur.<\/p>\n<figure id=\"attachment_131363\" aria-describedby=\"caption-attachment-131363\" style=\"width: 923px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131363 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Link-on-the-frontend-with-the-browser-preview.jpg\" alt=\"Lien sur l'interface publique avec l'aper\u00e7u du navigateur\" width=\"923\" height=\"268\"><figcaption id=\"caption-attachment-131363\" class=\"wp-caption-text\">Lien sur l&rsquo;interface publique avec l&rsquo;aper\u00e7u du navigateur<\/figcaption><\/figure>\n<h3>M\u00e9thode 4 : Utilisation d&rsquo;une interface utilisateur graphique (GUI)<\/h3>\n<p>Bien que nous ne puissions pas couvrir toutes les interfaces graphiques imaginables, apprendre \u00e0 rendre un lien cliquable dans quelque chose d&rsquo;autre que WordPress ou HTML ressemble g\u00e9n\u00e9ralement \u00e0 ce que nous venons de voir.<\/p>\n<p>Dans l&rsquo;ensemble, chaque interface graphique peut utiliser un nom de bouton ou une ic\u00f4ne l\u00e9g\u00e8rement diff\u00e9rents pour cr\u00e9er un lien hypertexte.<\/p>\n<p><strong>Votre processus g\u00e9n\u00e9ral devrait se d\u00e9rouler comme ci-dessous :<\/strong><\/p>\n<ol>\n<li>Mettez en surbrillance le texte que vous souhaitez lier.<\/li>\n<li>Cliquez sur l&rsquo;ic\u00f4ne <strong>Lien<\/strong> (qui peut avoir un nom diff\u00e9rent) dans l&rsquo;\u00e9diteur.<\/li>\n<li>Collez l&rsquo;URL souhait\u00e9e.<\/li>\n<li>Cliquez sur le bouton <strong>Ajouter un<\/strong> <strong>lien<\/strong> (qui peut \u00e9galement porter un autre nom).<\/li>\n<\/ol>\n<p>\u00c0 titre d&rsquo;exemple, un cr\u00e9ateur de boutique en ligne comme Shopify vous permet de rendre un lien cliquable dans n&rsquo;importe quelle page ou article, en surlignant le texte et en cliquant sur le bouton <strong>Ins\u00e9rer un lien<\/strong>.<\/p>\n<figure id=\"attachment_131364\" aria-describedby=\"caption-attachment-131364\" style=\"width: 958px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131364 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Inserting-a-link-in-an-alternative-GUI.jpg\" alt=\"Ins\u00e9rer un lien dans une autre interface graphique\" width=\"958\" height=\"627\"><figcaption id=\"caption-attachment-131364\" class=\"wp-caption-text\">Ins\u00e9rer un lien dans une autre interface graphique<\/figcaption><\/figure>\n<p>Vous devez ensuite coller l&rsquo;URL cible et cliquer sur le bouton<strong> Ins\u00e9rer un lien<\/strong>.<\/p>\n<figure id=\"attachment_131365\" aria-describedby=\"caption-attachment-131365\" style=\"width: 915px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131365 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Paste-the-URL-and-click-Insert-Link.jpg\" alt=\"Collez l'URL et cliquez sur Ins\u00e9rer un lien\" width=\"915\" height=\"522\"><figcaption id=\"caption-attachment-131365\" class=\"wp-caption-text\">Collez l&rsquo;URL et cliquez sur Ins\u00e9rer un lien<\/figcaption><\/figure>\n<p>Vous obtenez ainsi un lien cliquable.<\/p>\n<figure id=\"attachment_131366\" aria-describedby=\"caption-attachment-131366\" style=\"width: 920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131366 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Clickable-link-in-another-GUI.jpg\" alt=\"Lien cliquable dans une autre interface graphique\" width=\"920\" height=\"592\"><figcaption id=\"caption-attachment-131366\" class=\"wp-caption-text\">Lien cliquable dans une autre interface graphique<\/figcaption><\/figure>\n<h2>Comment faire en sorte que les liens s&rsquo;ouvrent dans un nouvel onglet<\/h2>\n<p>Comme nous l&rsquo;avons vu pr\u00e9c\u00e9demment, WordPress et d&rsquo;autres interfaces graphiques offrent des options de personnalisation suppl\u00e9mentaires pour les liens cliquables, comme le fait de forcer un lien \u00e0 s&rsquo;ouvrir dans un autre onglet.<\/p>\n<p>Comment proc\u00e9der ? Jetons un coup d&rsquo;\u0153il.<\/p>\n<h3>Ouvrir un lien dans un nouvel onglet \u00e0 l&rsquo;aide de l&rsquo;\u00e9diteur classique de WordPress<\/h3>\n<p>Une fois que vous avez un lien cliquable dans l&rsquo;\u00e9diteur classique de WordPress, choisissez le bouton <strong>Options du lien<\/strong>.<\/p>\n<figure id=\"attachment_151506\" aria-describedby=\"caption-attachment-151506\" style=\"width: 1078px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-151506 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/04\/link-options-button.jpeg\" alt=\"Options du lien\" width=\"1078\" height=\"558\"><figcaption id=\"caption-attachment-151506\" class=\"wp-caption-text\">Options du lien<\/figcaption><\/figure>\n<p><img class=\"size-full wp-image-13&lt;span id=\">Cochez la case <strong>Ouvrir le lien dans un nouvel onglet<\/strong>.<\/p>\n<p>Cliquez ensuite sur le bouton <strong>Mettre \u00e0 jour<\/strong>.<\/p>\n<figure id=\"attachment_131368\" aria-describedby=\"caption-attachment-131368\" style=\"width: 974px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131368 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Open-link-in-new-tab.jpg\" alt=\"Ouvrir le lien dans un nouvel onglet\" width=\"974\" height=\"788\"><figcaption id=\"caption-attachment-131368\" class=\"wp-caption-text\">Ouvrir le lien dans un nouvel onglet<\/figcaption><\/figure>\n<h3>Ouvrir un lien dans un nouvel onglet \u00e0 l&rsquo;aide de l&rsquo;\u00e9diteur de blocs de WordPress<\/h3>\n<p>Si vous avez d\u00e9j\u00e0 ajout\u00e9 un lien dans l&rsquo;\u00e9diteur de blocs de WordPress, un clic sur le lien ouvre une fen\u00eatre d&rsquo;aper\u00e7u du contenu cible.<\/p>\n<p>Le bouton <strong>Modifier<\/strong> permet d&rsquo;acc\u00e9der \u00e0 d&rsquo;autres r\u00e9glages (y compris l&rsquo;option <strong>Ouvrir dans un nouvel onglet<\/strong>), mais il est plus facile de basculer le <strong>bouton Ouvrir dans un nouvel onglet en bas de la fen\u00eatre popup<\/strong>.<\/p>\n<figure id=\"attachment_131369\" aria-describedby=\"caption-attachment-131369\" style=\"width: 902px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131369 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Open-in-new-tab-switch.jpg\" alt=\"Commutateur Ouvrir dans un nouvel onglet\" width=\"902\" height=\"564\"><figcaption id=\"caption-attachment-131369\" class=\"wp-caption-text\">Commutateur Ouvrir dans un nouvel onglet<\/figcaption><\/figure>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>L&rsquo;\u00e9diteur de blocs WordPress ajoute automatiquement un attribut rel=\u00a0\u00bbnoreferrer noopener\u00a0\u00bb lorsque vous activez l&rsquo;option Ouvrir dans un nouvel onglet, ce qui renforce la s\u00e9curit\u00e9 de votre lien.<\/p>\n<\/aside>\n\n<h3><strong>Ouvrir un lien dans un nouvel onglet en utilisant HTML<\/strong><\/h3>\n<p>Dans l&rsquo;\u00e9diteur de texte WordPress, l&rsquo;\u00e9diteur de code WordPress ou un \u00e9diteur HTML g\u00e9n\u00e9ral, vous pouvez utiliser le code suivant pour faire en sorte que votre lien cliquable s&rsquo;ouvre dans un nouvel onglet :<\/p>\n<pre><code class=\"language-html\"><span style=\"font-weight: 400\">&lt;a href=\"https:\/\/www.example.com\" target=\"_blank\" rel=\"noreferrer noopener\"&gt;Link Text&lt;\/a&gt;<\/span><\/code><\/pre>\n<ol>\n<li>Remplacez \u00ab\u00a0https:\/\/www.example.com\u00a0\u00bb par l&rsquo;URL cible que vous souhaitez<\/li>\n<li>Remplacez \u00ab\u00a0Texte du lien\u00a0\u00bb par le texte que vous souhaitez lier.<\/li>\n<li>L&rsquo;attribut <em>target=\u00a0\u00bb_blank\u00a0\u00bb<\/em> est le segment de code qui ouvre r\u00e9ellement le lien dans un nouvel onglet. C&rsquo;est la seule partie vraiment n\u00e9cessaire pour cette fonction simple.<\/li>\n<li>Nous vous recommandons vivement d&rsquo;ajouter les attributs et valeurs <em>rel=\u00a0\u00bbnoreferrer noopener\u00a0\u00bb<\/em> pour bloquer les probl\u00e8mes de s\u00e9curit\u00e9 courants lors de l&rsquo;ouverture de liens dans de nouveaux onglets. Cependant, il est tout \u00e0 fait possible de ne pas les inclure dans le code et d&rsquo;ouvrir le lien dans un nouvel onglet.<\/li>\n<\/ol>\n<p>Apr\u00e8s la publication, le lien est exactement le m\u00eame, mais lorsqu&rsquo;on clique dessus, l&rsquo;URL cible s&rsquo;ouvre dans un nouvel onglet.<\/p>\n<figure id=\"attachment_131370\" aria-describedby=\"caption-attachment-131370\" style=\"width: 937px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131370 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-link-opening-its-target-in-a-new-tab.jpg\" alt=\"Un lien ouvrant sa cible dans un nouvel onglet\" width=\"937\" height=\"372\"><figcaption id=\"caption-attachment-131370\" class=\"wp-caption-text\">Un lien ouvrant sa cible dans un nouvel onglet<\/figcaption><\/figure>\n<h2>Comment ajouter la valeur Nofollow \u00e0 un lien hypertexte ?<\/h2>\n<p>La valeur HTML <em>nofollow<\/em> indique aux moteurs de recherche d&rsquo;ignorer un lien cliquable et emp\u00eache le <a href=\"https:\/\/kinsta.com\/fr\/blog\/seo-wordpress\/\">cr\u00e9dit des moteurs de recherche<\/a> (jus de lien) d&rsquo;\u00eatre transmis au site web cible. L&rsquo;objectif principal du <em>nofollow<\/em> est de r\u00e9duire les liens de spam, mais les cr\u00e9ateurs de contenu l&rsquo;utilisent pour les liens payants, les commentaires, le contenu g\u00e9n\u00e9r\u00e9 par l&rsquo;utilisateur, les embeds, ou \u00e0 chaque fois que vous pr\u00e9f\u00e9rez ne pas \u00eatre per\u00e7u comme approuvant un site vers lequel vous cr\u00e9ez un lien.<\/p>\n<p>WordPress n&rsquo;a pas de moyen int\u00e9gr\u00e9 pour ajouter un lien <em>nofollow<\/em>, mais c&rsquo;est possible en utilisant le code HTML.<\/p>\n<p>Le code suivant refl\u00e8te un lien de base avec une valeur <em>nofollow<\/em>:<\/p>\n<pre><code class=\"language-html\">&lt;<span id=\"urn:enhancement-901b2eec-50d9-4c67-83b6-ae549253ef5a\" class=\"syntax-all syntax-tag\">a<\/span> <span class=\"syntax-all syntax-entity\">href<\/span>=<span class=\"syntax-all syntax-string\">\"https:\/\/www.example.com\"<\/span> <span class=\"syntax-all syntax-entity\">rel<\/span>=<span class=\"syntax-all syntax-string\">\"nofollow\"<\/span>&gt;The Link Text.&lt;\/<span class=\"syntax-all syntax-tag\">a<\/span>&gt;<\/code><\/pre>\n<figure id=\"attachment_131371\" aria-describedby=\"caption-attachment-131371\" style=\"width: 1162px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131371 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/HTML-link-code-with-nofollow.jpg\" alt=\"Code HTML d'un lien avec nofollow\" width=\"1162\" height=\"367\"><figcaption id=\"caption-attachment-131371\" class=\"wp-caption-text\">Code HTML d&rsquo;un lien avec nofollow<\/figcaption><\/figure>\n<p>Ce que vous voyez :<\/p>\n<ol>\n<li>Remplacez le texte \u00ab https:\/\/www.example.com \u00bb par l&rsquo;URL cible de votre choix.<\/li>\n<li>Remplacez la partie \u00ab The link Text \u00bb par le texte du lien de votre choix.<\/li>\n<li>Utilisez l&rsquo;attribut et la valeur <em>rel=\u00a0\u00bbnofollow\u00a0\u00bb<\/em> dans le lien HTML.<\/li>\n<\/ol>\n<p>Lorsqu&rsquo;il est publi\u00e9, ou dans la vue visuelle, un lien <em>nofollow n<\/em> &lsquo;est pas diff\u00e9rent d&rsquo;un lien hypertexte standard ; cependant, la fonctionnalit\u00e9 <em>nofollow<\/em> est sauvegard\u00e9e dans le code du backend.<\/p>\n<figure id=\"attachment_131372\" aria-describedby=\"caption-attachment-131372\" style=\"width: 1165px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131372 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-nofollow-link-appears-no-different-on-the-frontend.jpg\" alt=\"Un lien nofollow n'appara\u00eet pas diff\u00e9remment sur l'interface publique\" width=\"1165\" height=\"378\"><figcaption id=\"caption-attachment-131372\" class=\"wp-caption-text\">Un lien nofollow n&rsquo;appara\u00eet pas diff\u00e9remment sur l&rsquo;interface publique<\/figcaption><\/figure>\n<h2>Comment cr\u00e9er un lien vers un contenu existant<\/h2>\n<p>La cr\u00e9ation de liens vers des contenus existants est une fonctionnalit\u00e9 exclusive de WordPress, qui vous permet de rechercher des articles et des pages de blog d\u00e9j\u00e0 cr\u00e9\u00e9s, directement dans l&rsquo;\u00e9diteur de WordPress. Vous n&rsquo;avez donc plus besoin d&rsquo;afficher leur URL dans une autre fen\u00eatre du navigateur pour les copier et les coller sous la forme d&rsquo;un lien cliquable.<\/p>\n<h3>Cr\u00e9er un lien vers un contenu existant dans l&rsquo;\u00e9diteur classique de WordPress<\/h3>\n<p>Cr\u00e9ez un lien en surlignant le texte d\u00e9sir\u00e9 et en cliquant sur le bouton Ins\u00e9rer\/Modifier un lien dans l&rsquo;\u00e9diteur. Un champ popup appara\u00eet alors, dans lequel vous pouvez cliquer sur le bouton Options de lien (ic\u00f4ne en forme de roue dent\u00e9e).<\/p>\n<figure id=\"attachment_131373\" aria-describedby=\"caption-attachment-131373\" style=\"width: 1270px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131373 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Go-to-the-Link-Options-button.jpg\" alt=\"Acc\u00e9dez au bouton Options de lien\" width=\"1270\" height=\"576\"><figcaption id=\"caption-attachment-131373\" class=\"wp-caption-text\">Acc\u00e9dez au bouton Options de lien<\/figcaption><\/figure>\n<ol>\n<li>Allez \u00e0 la section intitul\u00e9e \u00ab Ou cr\u00e9er un lien vers un contenu existant \u00bb<\/li>\n<li>Saisissez un mot-cl\u00e9 dans la barre de recherche, puis choisissez une page ou un article existant dans les r\u00e9sultats.<\/li>\n<li>Observez que le lien vers le contenu existant est automatiquement plac\u00e9 dans le champ URL.<\/li>\n<\/ol>\n<p>Veillez \u00e0 cliquer sur le bouton Ajouter un lien lorsque vous avez termin\u00e9.<\/p>\n<figure id=\"attachment_131374\" aria-describedby=\"caption-attachment-131374\" style=\"width: 1121px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131374 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/The-process-of-finding-existing-content.jpg\" alt=\"Processus de recherche de contenu existant\" width=\"1121\" height=\"839\"><figcaption id=\"caption-attachment-131374\" class=\"wp-caption-text\">Processus de recherche de contenu existant<\/figcaption><\/figure>\n<p>Cela produit un lien imm\u00e9diat vers un autre contenu (\u00e9galement connu sous le nom de lien interne) dans l&rsquo;\u00e9diteur.<\/p>\n<figure id=\"attachment_131375\" aria-describedby=\"caption-attachment-131375\" style=\"width: 1021px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131375 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/The-resulting-view-of-an-internal-link.jpg\" alt=\"La vue r\u00e9sultante d'un lien interne\" width=\"1021\" height=\"450\"><figcaption id=\"caption-attachment-131375\" class=\"wp-caption-text\">La vue r\u00e9sultante d&rsquo;un lien interne<\/figcaption><\/figure>\n<h3>Cr\u00e9er un lien vers un contenu existant dans l&rsquo;\u00e9diteur de blocs de WordPress<\/h3>\n<p>Mettez en surbrillance le texte ou l&rsquo;image que vous souhaitez lier, puis cliquez sur le bouton Lien dans la barre d&rsquo;outils contextuelle.<\/p>\n<figure id=\"attachment_131376\" aria-describedby=\"caption-attachment-131376\" style=\"width: 951px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131376 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Click-the-Link-button.jpg\" alt=\"Cliquez sur le bouton Lien\" width=\"951\" height=\"316\"><figcaption id=\"caption-attachment-131376\" class=\"wp-caption-text\">Cliquez sur le bouton Lien<\/figcaption><\/figure>\n<p>Le champ fourni a deux fonctions : vous pouvez y coller une URL ou l&rsquo;utiliser comme barre de recherche. Tapez donc un mot-cl\u00e9 en rapport avec un de vos contenus existants pour afficher les r\u00e9sultats correspondants.<\/p>\n<p>Une fois que vous avez trouv\u00e9 la page ou l&rsquo;article souhait\u00e9, cliquez dessus.<\/p>\n<figure id=\"attachment_131377\" aria-describedby=\"caption-attachment-131377\" style=\"width: 908px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131377 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Search-for-previous-content.jpg\" alt=\"Recherche de contenu ant\u00e9rieur\" width=\"908\" height=\"442\"><figcaption id=\"caption-attachment-131377\" class=\"wp-caption-text\">Recherche de contenu ant\u00e9rieur<\/figcaption><\/figure>\n<p>Cela cr\u00e9e automatiquement un lien vers le contenu existant dans l&rsquo;\u00e9diteur de blocs de WordPress.<\/p>\n<h2>Comment cr\u00e9er des liens cliquables vers des t\u00e9l\u00e9phones, des SMS et des e-mails<\/h2>\n<p>Il existe plusieurs fa\u00e7ons d&rsquo;ajouter des actions sp\u00e9ciales aux liens cliquables en rempla\u00e7ant la structure URL standard et en cr\u00e9ant un lien vers quelque chose de diff\u00e9rent, comme par exemple :<\/p>\n<ul>\n<li>Un num\u00e9ro de t\u00e9l\u00e9phone qui ouvre l&rsquo;application T\u00e9l\u00e9phone.<\/li>\n<li>Un num\u00e9ro de t\u00e9l\u00e9phone qui ouvre l&rsquo;application SMS.<\/li>\n<li>Une adresse e-mails qui ouvre automatiquement l&rsquo;application de messagerie de l&rsquo;utilisateur.<\/li>\n<\/ul>\n<h3>Comment cr\u00e9er un lien t\u00e9l\u00e9phonique cliquable<\/h3>\n<p>Un lien t\u00e9l\u00e9phonique cliquable ajoute automatiquement un num\u00e9ro de t\u00e9l\u00e9phone sp\u00e9cifique dans l&rsquo;application T\u00e9l\u00e9phone de l&rsquo;utilisateur, ou m\u00eame dans une application qui prend en charge les num\u00e9ros de t\u00e9l\u00e9phone, comme Skype.<\/p>\n<p>Au lieu d&rsquo;utiliser une URL, vous devez ins\u00e9rer le code <em>tel :<\/em> dans le code HTML, suivi d&rsquo;un num\u00e9ro de t\u00e9l\u00e9phone, comme ceci :<\/p>\n<pre><code class=\"language-html\">&lt;<span class=\"syntax-all syntax-tag\">a<\/span> <span class=\"syntax-all syntax-entity\">href<\/span>=<span class=\"syntax-all syntax-string\">\"tel:555-555-5555\"<\/span>&gt;Click To Call&lt;\/<span class=\"syntax-all syntax-tag\">a<\/span>&gt;<\/code><\/pre>\n<p>Notes :<\/p>\n<ol>\n<li>Remplacez le num\u00e9ro de t\u00e9l\u00e9phone par le num\u00e9ro que vous voulez que les utilisateurs appellent.<\/li>\n<li>Remplacez le texte \u00ab Click to Call \u00bb par le texte du lien que vous souhaitez voir appara\u00eetre.<\/li>\n<\/ol>\n<figure id=\"attachment_131379\" aria-describedby=\"caption-attachment-131379\" style=\"width: 903px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131379 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-tel-link-in-a-visual-editor.jpg\" alt=\"Un lien tel : dans l'\u00e9diteur visuel\" width=\"903\" height=\"422\"><figcaption id=\"caption-attachment-131379\" class=\"wp-caption-text\">Un lien tel : dans l&rsquo;\u00e9diteur visuel<\/figcaption><\/figure>\n<p>Dans les \u00e9diteurs visuels comme WordPress Block et WordPress Classic, saisissez simplement <em>tel:555-555-5555<\/em> (avec le num\u00e9ro de t\u00e9l\u00e9phone souhait\u00e9) dans le champ URL pour un lien. Cliquez sur Entr\u00e9e pour que le lien t\u00e9l\u00e9phonique soit g\u00e9n\u00e9r\u00e9 automatiquement.<\/p>\n<p>Lorsque quelqu&rsquo;un clique sur ce lien, il est envoy\u00e9 directement \u00e0 l&rsquo;application la plus pertinente (l&rsquo;application t\u00e9l\u00e9phone d&rsquo;un smartphone) ou il est invit\u00e9 \u00e0 ouvrir une application telle que Skype.<\/p>\n<figure id=\"attachment_131380\" aria-describedby=\"caption-attachment-131380\" style=\"width: 907px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131380 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/The-tel-link-opens-in-Skype-or-other-phone-apps.jpg\" alt=\"Le lien tel : s'ouvre dans Skype ou d'autres applications t\u00e9l\u00e9phoniques\" width=\"907\" height=\"272\"><figcaption id=\"caption-attachment-131380\" class=\"wp-caption-text\">Le lien tel : s&rsquo;ouvre dans Skype ou d&rsquo;autres applications t\u00e9l\u00e9phoniques<\/figcaption><\/figure>\n<h3><strong>Comment cr\u00e9er un lien SMS cliquable<\/strong><\/h3>\n<p>Les liens SMS cliquables fonctionnent de la m\u00eame mani\u00e8re que les liens t\u00e9l\u00e9phoniques, mais ils ouvrent automatiquement des applications de messagerie au lieu d&rsquo;applications d&rsquo;appel.<\/p>\n<p>Pour ajouter un lien SMS, utilisez <em>sms:555-555-5555<\/em> au lieu d&rsquo;une URL.<\/p>\n<pre><code class=\"language-html\">&lt;<span class=\"syntax-all syntax-tag\">a<\/span> <span class=\"syntax-all syntax-entity\">href<\/span>=<span class=\"syntax-all syntax-string\">\"sms:555-555-5555\"<\/span>&gt;Click To Text&lt;\/<span class=\"syntax-all syntax-tag\">a<\/span>&gt;<\/code><\/pre>\n<p>Notes :<\/p>\n<ol>\n<li>Remplacez \u00ab 555-555-5555 \u00bb par un autre num\u00e9ro de t\u00e9l\u00e9phone.<\/li>\n<li>Remplacez \u00ab Click To Text \u00bb par le texte de votre choix pour le lien.<\/li>\n<\/ol>\n<p>Les \u00e9diteurs WordPress Classic et Block supportent les liens SMS lorsque vous mettez la valeur <em>sms:555-555-5555<\/em> dans le champ URL pour les liens.<\/p>\n<p>Comme promis, les utilisateurs voient des applications de messagerie lorsqu&rsquo;ils cliquent sur ces types de liens.<\/p>\n<figure id=\"attachment_131382\" aria-describedby=\"caption-attachment-131382\" style=\"width: 928px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131382 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/An-sms-link-opens-in-the-most-relevant-messaging-app.jpg\" alt=\"Un lien sms : s'ouvre dans l'application de messagerie la plus appropri\u00e9e\" width=\"928\" height=\"252\"><figcaption id=\"caption-attachment-131382\" class=\"wp-caption-text\">Un lien sms : s&rsquo;ouvre dans l&rsquo;application de messagerie la plus appropri\u00e9e<\/figcaption><\/figure>\n<h3>Comment cr\u00e9er un lien e-mail cliquable<\/h3>\n<p>Lorsqu&rsquo;ils sont cliqu\u00e9s, les liens hypertextes vers des e-mails invitent automatiquement l&rsquo;appareil de l&rsquo;utilisateur \u00e0 ouvrir l&rsquo;application de messagerie la plus appropri\u00e9e, ainsi qu&rsquo;une section \u00ab Composer \u00bb qui renvoie \u00e0 une adresse e-mail sp\u00e9cifique.<\/p>\n<p>Pour celui-ci, ajoutez le code <em>mailto :<\/em>, suivi d&rsquo;une adresse e-mail, l\u00e0 o\u00f9 vous mettriez normalement une URL cible.<\/p>\n<pre><code class=\"language-html\">&lt;<span class=\"syntax-all syntax-tag\">a<\/span> <span class=\"syntax-all syntax-entity\">href<\/span>=<span class=\"syntax-all syntax-string\">\"mailto:mail@example.com\"<\/span>&gt;Click To Email&lt;\/<span class=\"syntax-all syntax-tag\">a<\/span>&gt;<\/code><\/pre>\n<p>Notes :<\/p>\n<ol>\n<li>Remplacez l&rsquo;adresse \u00e9lectronique \u00ab mail@example.com \u00bb par l&rsquo;adresse e-mail cible de votre choix.<\/li>\n<li>Remplacez le texte \u00ab Click To Email \u00bb par le texte du lien que vous souhaitez voir appara\u00eetre.<\/li>\n<\/ol>\n<p>Si vous utilisez les \u00e9diteurs WordPress Classic ou Block, tapez simplement la valeur <em>mailto:mail@example.com<\/em> dans le champ URL lorsque vous cr\u00e9ez un lien.<\/p>\n<div class=\"mceTemp\"><strong><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131383 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-mailto-link-in-a-visual-WordPress-editor.jpg\" alt=\"A mailto: link in a visual WordPress editor\" width=\"908\" height=\"360\"><\/strong><\/div>\n<p>Une fois le lien publi\u00e9, les utilisateurs qui cliquent dessus sont redirig\u00e9s vers leur application de messagerie, avec l&rsquo;adresse \u00e9lectronique que vous avez sp\u00e9cifi\u00e9e dans le champ \u00ab \u00c0 : \u00bb.<\/p>\n<figure id=\"attachment_131384\" aria-describedby=\"caption-attachment-131384\" style=\"width: 970px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131384 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/mailto-link.jpeg\" alt=\"Les liens Mailto : ouvrent des applications de messagerie avec l'adresse \u00e9lectronique sp\u00e9cifi\u00e9e\" width=\"970\" height=\"392\"><figcaption id=\"caption-attachment-131384\" class=\"wp-caption-text\">Les liens Mailto : ouvrent des applications de messagerie avec l&rsquo;adresse \u00e9lectronique sp\u00e9cifi\u00e9e<\/figcaption><\/figure>\n\n<h2><strong>R\u00e9sum\u00e9<\/strong><\/h2>\n<p>L&rsquo;ajout de liens cliquables (\u00e9galement connus sous le nom d&rsquo;hyperliens, ou simplement de liens) peut am\u00e9liorer l&rsquo;interactivit\u00e9 de votre site web, conduire les internautes vers une plus grande partie de votre contenu et renvoyer \u00e0 des informations importantes provenant d&rsquo;autres sites web. Apprendre \u00e0 cr\u00e9er un lien cliquable est donc l&rsquo;une des le\u00e7ons fondamentales de la conception d&rsquo;un site web et de la cr\u00e9ation de contenu.<\/p>\n<p>Apr\u00e8s avoir lu cet article, vous devriez \u00eatre en mesure d&rsquo;identifier l&rsquo;apparence d&rsquo;un lien cliquable et de savoir exactement comment en cr\u00e9er un, que ce soit pour ajouter un lien \u00e0 du texte ou \u00e0 des images. Il est \u00e9galement bon de savoir qu&rsquo;il existe diff\u00e9rentes m\u00e9thodes pour rendre un lien cliquable, par exemple via l&rsquo;\u00e9diteur classique de WordPress, l&rsquo;\u00e9diteur de blocs, le HTML ou toute autre interface utilisateur graphique disponible.<\/p>\n<p>Et, bien s\u00fbr, nous vous encourageons \u00e0 explorer des options de liens cliquables plus avanc\u00e9es comme les liens pour les num\u00e9ros de t\u00e9l\u00e9phone, les adresses e-mail, et ceux avec des balises nofollow.<\/p>\n<p>Si vous avez encore des questions sur la fa\u00e7on de rendre un lien cliquable, partagez vos questions et pr\u00e9occupations dans les commentaires ci-dessous.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Les liens en ligne constituent la base d&rsquo;une interactivit\u00e9 simple en ligne, qu&rsquo;il s&rsquo;agisse d&rsquo;envoyer les utilisateurs vers des pages web, des documents t\u00e9l\u00e9chargeables ou d&rsquo;autres &#8230;<\/p>\n","protected":false},"author":199,"featured_media":69344,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1017,1039],"class_list":["post-69343","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-conception-web","topic-conseils-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Comment faire pour rendre un lien cliquable ? - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Apprenez \u00e0 rendre un lien cliquable dans diff\u00e9rentes situations, comme dans l&#039;\u00e9diteur classique de WordPress, l&#039;\u00e9diteur de blocs et avec des liens sp\u00e9ciaux\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/fr\/blog\/rendre-lien-cliquable\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment rendre un lien cliquable\" \/>\n<meta property=\"og:description\" content=\"Apprenez \u00e0 rendre un lien cliquable dans diff\u00e9rentes situations, comme dans l&#039;\u00e9diteur classique de WordPress, l&#039;\u00e9diteur de blocs et avec des liens sp\u00e9ciaux\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/rendre-lien-cliquable\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-05-22T13:51:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-22T09:24:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/05\/how-to-make-a-link-clickable.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jeremy Holcombe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Apprenez \u00e0 rendre un lien cliquable dans diff\u00e9rentes situations, comme dans l&#039;\u00e9diteur classique de WordPress, l&#039;\u00e9diteur de blocs et avec des liens sp\u00e9ciaux\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/05\/how-to-make-a-link-clickable.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jeremy Holcombe\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"40 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/rendre-lien-cliquable\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/rendre-lien-cliquable\/\"},\"author\":{\"name\":\"Jeremy Holcombe\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\"},\"headline\":\"Comment rendre un lien cliquable\",\"datePublished\":\"2023-05-22T13:51:19+00:00\",\"dateModified\":\"2023-08-22T09:24:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/rendre-lien-cliquable\/\"},\"wordCount\":6621,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/rendre-lien-cliquable\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/05\/how-to-make-a-link-clickable.jpg\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/rendre-lien-cliquable\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/rendre-lien-cliquable\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/rendre-lien-cliquable\/\",\"name\":\"Comment faire pour rendre un lien cliquable ? - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/rendre-lien-cliquable\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/rendre-lien-cliquable\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/05\/how-to-make-a-link-clickable.jpg\",\"datePublished\":\"2023-05-22T13:51:19+00:00\",\"dateModified\":\"2023-08-22T09:24:17+00:00\",\"description\":\"Apprenez \u00e0 rendre un lien cliquable dans diff\u00e9rentes situations, comme dans l'\u00e9diteur classique de WordPress, l'\u00e9diteur de blocs et avec des liens sp\u00e9ciaux\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/rendre-lien-cliquable\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/rendre-lien-cliquable\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/rendre-lien-cliquable\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/05\/how-to-make-a-link-clickable.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/05\/how-to-make-a-link-clickable.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/rendre-lien-cliquable\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Conseils WordPress\",\"item\":\"https:\/\/kinsta.com\/fr\/sujets\/conseils-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Comment rendre un lien cliquable\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/fr\/#website\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\",\"name\":\"Jeremy Holcombe\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"caption\":\"Jeremy Holcombe\"},\"description\":\"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/jeremyholcombe\/\"],\"url\":\"https:\/\/kinsta.com\/fr\/blog\/author\/jeremyholcombe\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Comment faire pour rendre un lien cliquable ? - Kinsta\u00ae","description":"Apprenez \u00e0 rendre un lien cliquable dans diff\u00e9rentes situations, comme dans l'\u00e9diteur classique de WordPress, l'\u00e9diteur de blocs et avec des liens sp\u00e9ciaux","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/fr\/blog\/rendre-lien-cliquable\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment rendre un lien cliquable","og_description":"Apprenez \u00e0 rendre un lien cliquable dans diff\u00e9rentes situations, comme dans l'\u00e9diteur classique de WordPress, l'\u00e9diteur de blocs et avec des liens sp\u00e9ciaux","og_url":"https:\/\/kinsta.com\/fr\/blog\/rendre-lien-cliquable\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2023-05-22T13:51:19+00:00","article_modified_time":"2023-08-22T09:24:17+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/05\/how-to-make-a-link-clickable.jpg","type":"image\/jpeg"}],"author":"Jeremy Holcombe","twitter_card":"summary_large_image","twitter_description":"Apprenez \u00e0 rendre un lien cliquable dans diff\u00e9rentes situations, comme dans l'\u00e9diteur classique de WordPress, l'\u00e9diteur de blocs et avec des liens sp\u00e9ciaux","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/05\/how-to-make-a-link-clickable.jpg","twitter_creator":"@kinsta_fr","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Jeremy Holcombe","Dur\u00e9e de lecture estim\u00e9e":"40 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/rendre-lien-cliquable\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/rendre-lien-cliquable\/"},"author":{"name":"Jeremy Holcombe","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21"},"headline":"Comment rendre un lien cliquable","datePublished":"2023-05-22T13:51:19+00:00","dateModified":"2023-08-22T09:24:17+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/rendre-lien-cliquable\/"},"wordCount":6621,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/rendre-lien-cliquable\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/05\/how-to-make-a-link-clickable.jpg","inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/rendre-lien-cliquable\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/rendre-lien-cliquable\/","url":"https:\/\/kinsta.com\/fr\/blog\/rendre-lien-cliquable\/","name":"Comment faire pour rendre un lien cliquable ? - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/rendre-lien-cliquable\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/rendre-lien-cliquable\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/05\/how-to-make-a-link-clickable.jpg","datePublished":"2023-05-22T13:51:19+00:00","dateModified":"2023-08-22T09:24:17+00:00","description":"Apprenez \u00e0 rendre un lien cliquable dans diff\u00e9rentes situations, comme dans l'\u00e9diteur classique de WordPress, l'\u00e9diteur de blocs et avec des liens sp\u00e9ciaux","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/rendre-lien-cliquable\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/rendre-lien-cliquable\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/rendre-lien-cliquable\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/05\/how-to-make-a-link-clickable.jpg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/05\/how-to-make-a-link-clickable.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/rendre-lien-cliquable\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Conseils WordPress","item":"https:\/\/kinsta.com\/fr\/sujets\/conseils-wordpress\/"},{"@type":"ListItem","position":3,"name":"Comment rendre un lien cliquable"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/fr\/#website","url":"https:\/\/kinsta.com\/fr\/","name":"Kinsta\u00ae","description":"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es","publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/fr\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstafrance\/","https:\/\/x.com\/kinsta_fr","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21","name":"Jeremy Holcombe","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","caption":"Jeremy Holcombe"},"description":"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.","sameAs":["https:\/\/www.linkedin.com\/in\/jeremyholcombe\/"],"url":"https:\/\/kinsta.com\/fr\/blog\/author\/jeremyholcombe\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/69343","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/users\/199"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/comments?post=69343"}],"version-history":[{"count":6,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/69343\/revisions"}],"predecessor-version":[{"id":69366,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/69343\/revisions\/69366"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/69343\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/69343\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/69343\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/69343\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/69343\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/69343\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/69343\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/69343\/translations\/es"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/69343\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/69344"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=69343"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=69343"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=69343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}