Un lien hypertexte, c’est le tissu conjonctif du web. Sans eux, chaque page serait une île. Pourtant, beaucoup de gens créent des liens à la va-vite, sans vraiment maîtriser ce qu’ils font — et ça se voit : ancres génériques « cliquez ici », liens cassés, attributs manquants. Voici comment faire les choses correctement.
Que vous codiez en HTML pur, que vous travailliez sous WordPress, ou que vous prépariez un document Word, la logique reste la même : un lien relie une ressource à une autre, via une adresse et un texte cliquable. La différence, c’est la syntaxe. On va parcourir chaque cas.
La base : créer un lien en HTML
La balise <a> et ses attributs
Tout lien hypertexte en HTML repose sur la balise <a> (pour anchor). La structure minimale ressemble à ceci :
- href : l’URL de destination (absolue ou relative)
- Le texte d’ancre : le contenu cliquable visible par l’utilisateur
Exemple concret :
<a href="https://legrin.fr/creer-contenu-attire-lecteurs/">Créer du contenu qui attire vraiment des lecteurs</a>
Ce bout de code génère un lien cliquable pointant vers la ressource indiquée. Simple, mais déjà là, le choix du texte d’ancre compte énormément pour le référencement.
Les attributs à connaître
La balise <a> accepte plusieurs attributs utiles :
- target= »_blank » : ouvre le lien dans un nouvel onglet
- rel= »noopener noreferrer » : obligatoire avec
_blankpour des raisons de sécurité - rel= »nofollow » : indique aux robots de ne pas suivre ce lien (utile pour les liens sponsorisés)
- title : info-bulle affichée au survol
- download : force le téléchargement du fichier ciblé
⚠️ À garder en tête
Quand vous ouvrez un lien dans un nouvel onglet avec target="_blank", ajoutez systématiquement rel="noopener noreferrer". Sans ça, la page de destination peut accéder à votre fenêtre parente via window.opener — une faille exploitable.
Liens internes et liens externes : deux logiques différentes
Le lien interne : naviguer dans votre propre site
Un lien interne pointe vers une autre page du même domaine. Vous pouvez utiliser une URL relative (href="/contact") ou absolue (href="https://monsite.fr/contact"). Les URL relatives sont plus pratiques si vous migrez un jour votre domaine. Pour le SEO, les liens internes transmettent de l’autorité entre vos pages et aident Google à comprendre la structure de votre site.
Un exemple réel : sur ce blog, un article sur la stratégie éditoriale renvoie naturellement vers Créer du contenu qui attire vraiment des lecteurs. Ce lien contextuel vaut bien plus qu’un lien planqué dans un footer.
Le lien externe : pointer vers d’autres domaines
Le lien externe renvoie vers un site tiers. Là, deux questions se posent :
- Ouvrir dans le même onglet ou dans un nouvel onglet ? Le débat est vieux, mais pour les liens sortants,
target="_blank"limite la perte de trafic. - Ajouter
rel="nofollow"ou pas ? Si vous citez une source fiable, un lien dofollow est une marque de confiance. Si c’est un lien commercial ou une contribution non vérifiée, nofollow s’impose.
✅ À retenir
Pour les liens externes vers des partenaires ou sponsors, Google recommande depuis 2020 d’utiliser rel="sponsored" plutôt que rel="nofollow". C’est plus précis et mieux interprété par les moteurs.
Créer un lien dans WordPress et les CMS
Via l’éditeur visuel (Gutenberg ou classique)
Sous WordPress, pas besoin de toucher au HTML pour créer un lien. La procédure prend dix secondes :
Mettez en surbrillance le texte qui servira d’ancre cliquable.
Dans Gutenberg, l’icône ressemble à un maillon de chaîne dans la barre d’outils du bloc. Raccourci clavier : Ctrl+K (ou Cmd+K sur Mac).
Entrez l’adresse de destination, cochez « Ouvrir dans un nouvel onglet » si nécessaire, puis appuyez sur Entrée.
Pour les liens internes, WordPress propose une suggestion automatique : commencez à taper le titre d’un article et il vous proposera les pages correspondantes. Pratique pour éviter les fautes de frappe dans les URL.
Via l’éditeur HTML dans les CMS
Certains préfèrent travailler directement dans le code. Dans WordPress, passez en mode « Éditeur de code » (les trois points en haut à droite). Vous pouvez alors insérer la balise <a> manuellement, ce qui vous donne un contrôle total sur chaque attribut. D’autres CMS comme Webflow, Wix ou Squarespace proposent leurs propres interfaces visuelles, mais la logique href + ancre reste universelle.
⚠️ Les erreurs courantes à éviter
Les ancres génériques tuent le SEO
« Cliquez ici », « En savoir plus », « Lire la suite » : ces textes d’ancre ne disent rien à Google sur le contenu de la page cible. 73 % des professionnels du SEO citent les ancres descriptives comme facteur direct d’amélioration du maillage interne (étude Ahrefs, 2023). Choisissez une ancre qui décrit réellement la destination.
« L’ancre d’un lien est un signal de pertinence pour les moteurs de recherche — pas une simple étiquette pour l’utilisateur. »
— John Mueller, Google Search Advocate
Les liens cassés, fléau discret
Un lien qui renvoie vers une page 404 nuit à l’expérience utilisateur et peut pénaliser votre référencement. Utilisez un outil comme Broken Link Checker (plugin WordPress gratuit) ou Screaming Frog pour auditer régulièrement vos liens. Un site actif devrait faire cet audit tous les trimestres au minimum.
| ✅ Bonne pratique | ❌ À éviter |
|---|---|
| Ancre descriptive et contextuelle | « Cliquez ici » ou « En savoir plus » |
| Vérifier les liens morts régulièrement | Ignorer les erreurs 404 |
| Ajouter rel= »noopener » avec target= »_blank » | Ouvrir en nouvel onglet sans sécuriser |
| Utiliser rel= »sponsored » pour les liens payants | Mettre des liens sponsorisés en dofollow |
Créer un lien dans Word et les documents bureautiques
Même logique, interface différente. Sous Microsoft Word, sélectionnez votre texte, puis Ctrl+K. Une boîte de dialogue s’ouvre — vous collez l’URL et validez. Le texte sélectionné devient automatiquement l’ancre cliquable. Le lien sera actif dans la version numérique du document (PDF exporté, version en ligne).
Sous Google Docs, même raccourci : Ctrl+K. Google Docs propose même une recherche directe — tapez des mots-clés et il suggère des URL tirées de vos propres fichiers Drive ou du web. Utile pour les équipes qui travaillent de manière collaborative sur des briefs ou des rapports.
💡 Notre conseil
Si vous rédigez un document Word destiné à être publié sur le web, vérifiez chaque lien après l’export en HTML. Les copier-coller depuis Word génèrent parfois des URL encodées avec des caractères parasites qui cassent le lien en production.
Lien hypertexte et stratégie de contenu
Un lien n’est jamais anodin dans une stratégie éditoriale. Il oriente le lecteur, distribue l’autorité entre vos pages et signale à Google quelles ressources vous jugez pertinentes. Pour aller plus loin sur la façon de structurer vos contenus autour de ces liens, vous pouvez consulter les ressources disponibles dans la catégorie Autres du blog.
La règle pratique : chaque article devrait contenir entre 2 et 5 liens internes vers des pages de votre propre site, plus quelques liens externes vers des sources de référence. Trop de liens noient le lecteur, trop peu isolent votre contenu. L’équilibre dépend de la longueur et du sujet, mais cette fourchette fonctionne pour la majorité des articles informatifs.
Niveau : 🟢 Débutant à intermédiaire · Usage : 💻 Web & bureautique · Impact SEO : 📈 Direct