Lien hypertexte

Le principe même qui a donné son nom au « web » tient dans cette capacité à relier un document à un autre par un simple clic, sans que le lecteur n’ait à connaître ni à saisir la moindre adresse.

Construction de base

L’attribut href porte la destination, qui peut être une adresse complète, un chemin relatif, une ancre interne à la page, ou même une adresse e-mail :

<a href="https://exemple.fr/guide">Lire le guide complet</a>
<a href="#section-2">Aller à la section 2</a>
<a href="mailto:contact@exemple.fr">Nous écrire</a>

Dans WordPress, un lien saisi dans l’éditeur de blocs vers une page interne du site est automatiquement enregistré avec l’identifiant de l’article, ce qui permet à the_permalink() de conserver le lien fonctionnel même si la structure des URL change ensuite.

Pièges fréquents

• Un lien qui s’ouvre dans un nouvel onglet avec target="_blank" devrait toujours être accompagné de rel="noopener", afin d’empêcher la page ouverte d’accéder à l’objet window de la page d’origine.
• Un texte de lien générique comme « cliquez ici », répété plusieurs fois sur une même page, nuit à la fois à l’accessibilité et à la clarté pour les moteurs de recherche, qui préfèrent un texte descriptif du contenu ciblé.
• L’attribut rel="nofollow" indique aux moteurs de recherche de ne pas transmettre d’autorité de référencement via ce lien, un usage fréquent pour un lien sponsorisé ou un commentaire non modéré.
• Un lien vide, sans attribut href ni texte visible, n’est ni cliquable ni identifiable comme un lien réel par un lecteur d’écran, contrairement à ce que son style visuel pourrait laisser penser.