Que vous ayez votre propre blog et que vous souhaitiez créer un lien vers l’un de vos anciens messages ou que vous participiez à une conversation dans un forum et que vous souhaitiez fournir un lien de référence pour sauvegarder votre argument, l’utilisation d’un texte d’ancrage avec un lien cliquable est d’une valeur inestimable pour les utilisateurs du site. Il est beaucoup plus facile et plus pratique de simplement cliquer sur un lien que de copier et coller l’adresse Web exacte dans une autre fenêtre de navigateur.
Table des matières
Liens cliquables dans différents contextes
La façon dont vous créez des liens cliquables dépend du type de système dans lequel vous travaillez.
Code HTML
La langue par défaut pour une grande partie d’Internet est HTML ou HyperText Markup Language. Il s’agit probablement du type de code que vous utiliseriez si vous créiez ou modifiiez un site Web à partir de zéro, ou si vous étiez dans un autre outil Web qui demande du HTML.
Pour créer un lien cliquable en HTML qui s’ouvre dans la même fenêtre, procédez comme suit:
- Déterminez l’URL vers laquelle vous souhaitez placer le lien, y compris le texte de début http: //. Cet exemple utilisera http://www.lovetoknow.com.
- Déterminez le « texte d’ancrage » que vous souhaitez utiliser. Le texte d’ancrage est le texte visible et cliquable que les autres utilisateurs verront. Cet exemple utilisera « Supportivy Trusted Advice » sans les guillemets.
- Formatez le code HTML comme suit:
- Insérez ce code là où vous souhaitez que le lien apparaisse.
Cela créerait un lien cliquable qui ressemblerait à ceci: Avis de confiance de Supportivy
Le « a » dans « a href » signifie ancre et est une balise HTML, tandis que la partie « href » est un attribut de « a » qui signifie référence hypertexte. Pour spécifier où et comment le lien doit s’ouvrir, l’attribut cible peut être ajouté.
- target = « _ blank » ouvre le lien dans une nouvelle fenêtre ou un nouvel onglet
- target = « _ self » ouvre le lien dans la même fenêtre ou onglet
En suivant cet exemple, pour créer le même lien que ci-dessus mais pour le faire ouvrir dans une nouvelle fenêtre au lieu de celle existante, le code HTML serait formaté comme suit:
CMS WordPress
Lien cliquable dans WordPress
WordPress est l’un des systèmes de gestion de contenu les plus populaires. Il est utilisé pour les blogs et autres sites Web. C’est une plate-forme gratuite qui fournit aux utilisateurs deux éditeurs de publication et de page: l’éditeur visuel, qui affiche ce que le visiteur du site verrait; et l’éditeur HTML, qui affiche le code HTML brut.
Avec l’éditeur HTML, du code HTML brut comme celui décrit ci-dessus peut être utilisé pour créer un lien cliquable. Avec l’éditeur visuel et l’éditeur HTML, il existe une alternative.
- Rédigez le contenu de l’article ou de la page à l’aide de l’éditeur de votre choix.
- Mettez en surbrillance le texte que vous souhaitez utiliser comme texte d’ancrage.
- Cliquez sur le bouton «lien» au-dessus de l’éditeur de contenu, juste en dessous de l’emplacement du texte du titre de l’article ou de la page. Cela fait apparaître une fenêtre pop-over.
- Tapez ou copiez l’URL de destination (où vous souhaitez que le lien aille) dans le champ URL.
- Cochez éventuellement la case « Ouvrir le lien dans une nouvelle fenêtre / onglet » pour faire ouvrir le lien dans une nouvelle fenêtre ou un nouvel onglet.
- Cliquez sur le bouton « Ajouter un lien ».
Forum Web BBCode
Lien cliquable dans BBCode
Bulletin Board Code, ou BBCode en abrégé, est le langage de balisage utilisé dans de nombreux forums de discussion populaires sur Internet. Certains forums proposent un éditeur WYSIWYG (ce que vous voyez est ce que vous obtenez) avec différents boutons pour formater le texte de vos messages, y compris un bouton pour ajouter des liens. Lorsque ce type d’éditeur n’est pas disponible, un lien cliquable peut être créé avec un code correctement formaté.
- Décidez de l’URL de destination et du texte d’ancrage du lien.
- Pour créer un lien où l’URL elle-même est le texte d’ancrage, utilisez ce format:
- [url]http://web-design.lovetoknow.com/[/url]
- Cela crée un lien qui ressemble à ceci: http://web-design.lovetoknow.com/
- Pour créer un lien avec un texte d’ancrage personnalisé, utilisez plutôt ce format:
- [url=http://web-design.lovetoknow.com/]Conception Web Supportivy[/url]
- Cela se traduit par un lien comme celui-ci: Supportivy Web Design
Langage de balisage Wiki
Bien que le langage de balisage wiki soit souvent associé au site Web de Wikipédia, il est également utilisé sur un certain nombre d’autres sites wiki sur Internet. Contrairement à HTML, WordPress et BBCode, le langage de balisage wiki fait la différence entre les liens internes (liens vers d’autres pages sur le même site Web) et les liens externes (liens vers des pages sur d’autres sites Web).
Pour créer un lien interne (également appelé lien wikil):
- Déterminez le nom de la page interne vers laquelle vous souhaitez que le lien se trouve. L’orthographe exacte, y compris l’espacement et la capitalisation, peut avoir de l’importance. Cet exemple utilisera une page hypothétique avec « Exemple de page » comme titre.
- Formatez le lien wikil comme suit afin que le nom de la page agisse également comme texte d’ancrage:
- Pour créer un lien wikil avec un texte d’ancrage différent, utilisez la barre verticale (ou le symbole « tuyau ») pour séparer les deux portions de texte entre les doubles crochets. La première partie de texte est la page cible, tandis que la deuxième partie de texte est la page d’ancrage. Pour créer un lien vers « Exemple de page » en utilisant le texte d’ancrage « Cliquez ici », le code wiki serait le suivant:
- [[Example Page|Click Here]]
Pour créer un lien externe:
- Obtenez l’URL exacte, y compris http: //, où le lien doit aller.
- Formatez le lien externe en utilisant des crochets simples comme suit:
- [http://cellphones.lovetoknow.com]
- Il en résulte un lien qui ressemble à ceci: [1]
- Tous les liens externes référencés dans une page wiki sont généralement automatiquement répertoriés à la fin de la page.
- L’inclusion d’un texte d’ancrage personnalisé est utile. Insérez un espace après l’URL, entrez le texte d’ancrage et fermez avec un seul crochet comme suit:
- [http://cellphones.lovetoknow.com Cell phone information]
- Il en résulte un lien comme celui-ci: Informations sur le téléphone portable
Par email
Le formatage d’un lien cliquable dans un e-mail dépend à la fois de l’expéditeur et du destinataire. Certains clients de messagerie et logiciels de messagerie n’afficheront que du texte brut, tandis que la majorité sont capables d’afficher du HTML, y compris des liens, des tableaux et des images.
Si le destinataire du message utilise un client de messagerie prenant en charge HTML, comme c’est le cas avec pratiquement tous les fournisseurs de messagerie Web tels que Outlook.com et Gmail, l’URL complète en elle-même suffit. L’URL est généralement cliquable dans ce cas.
Si l’expéditeur du message dispose d’un client de messagerie prenant en charge la création de messages HTML, il comprendra probablement également des outils de mise en forme similaires à Microsoft Office ou à d’autres éditeurs visuels pour insérer un lien.
- Mettez en surbrillance le texte d’ancrage souhaité.
- Cliquez sur le bouton « lien » ou « URL ».
- Saisissez l’URL de destination.
Maîtriser les liens cliquables
La création d’un lien cliquable par d’autres lecteurs peut sembler une perspective décourageante ou intimidante au premier abord, mais comprendre les bases du langage de balisage ou du «code» pertinent peut rendre le processus beaucoup plus gérable et facile à comprendre.
Lisez plus d’astuces sur le design web ici, et n’oubliez pas de partager l’article sur Facebook !
