Lien d’ancrage HTML
Comment ajouter des liens d’ancrage HTML dans WordPress
En créant une ancre vers une partie spécifique d’une page, d’un blog ou d’un article de la base de connaissances, vous pouvez ajouter des liens vers cette section de contenu. Insérez ensuite un lien d’ancrage dans le même contenu afin que le visiteur puisse accéder à cette section sans avoir à faire défiler la page. Vous pouvez également ajouter des liens vers d’autres pages pour diriger les visiteurs directement vers cette section de votre page.
I. Qu’est-ce qu’un lien d’ancrage ?
Les liens d’ancrage, également appelés sauts de menu ou liens de table des matières, sont des liens qui vous amènent immédiatement à une partie spécifique de la page (ou à une page externe). Les cibles d’ancrage sont généralement spécifiées à l’aide de l’élément A (nommé par le nom de l’attribut) ou d’un autre élément (à l’aide de l’ID d’attribut). Les deux méthodes sont entièrement conformes aux normes W3C (source).
II. Avantages des liens d’ancrage
2.1. Les avantages
L’un des principaux avantages des liens d’ancrage est qu’ils améliorent l’expérience utilisateur lors de la navigation sur votre site Web. Cela est particulièrement vrai pour les articles longs. Nous publions beaucoup de contenu détaillé (plus de 4 000 mots) et il peut être fatigant de le parcourir. Les liens d’ancrage permettent aux utilisateurs d’accéder instantanément à la section souhaitée. Aidez les utilisateurs à trouver plus rapidement ce qu’ils recherchent.
Les liens d’ancrage dans l’en-tête vous permettent de partager des liens directs vers différentes sections de votre article. Idéal également pour les réseaux sociaux et les équipes d’assistance. En ce qui concerne les pages de résultats des moteurs de recherche (SERP), les résultats varient toujours en fonction de ce qui est affiché. Cependant, depuis que j’utilise des liens d’ancrage (menus de saut) dans mes articles, j’ai vu plusieurs fois des liens d’ancrage (menus de saut) dans mes listes SERP. Ils sont formidables car ils vous donnent essentiellement une autre ligne de texte dans vos listes organiques, et parce que les utilisateurs peuvent voir des éléments liés à leur requête de recherche que vous n’avez pas spécifiés dans votre méta description ou votre titre, ce qui contribue également à améliorer le CTR.
Les liens d’ancrage peuvent également être utilisés à d’autres fins, comme le lien « retour en haut » que Wikipedia utilise dans les citations et les notes de bas de page.
2.2. Les inconvénients
Je pense que les avantages l’emportent définitivement sur les inconvénients, mais il y a certains inconvénients à prendre en compte. Des liens d’ancrage ou une table des matières peuvent réduire le temps moyen passé par visiteur. Pour quelle raison ? Parce qu’il saute directement au contenu que vous voulez au lieu de lire l’intégralité de l’article. Cependant, si vous rendez vos visiteurs heureux dès le départ, ils peuvent s’abonner à votre newsletter ou faire plus de recherches sur les produits que vous vendez. Cela peut donc être considéré comme un avantage ou un inconvénient.
Directement liés à la question ci-dessus, les liens d’ancrage peuvent avoir un impact sur les revenus publicitaires. Les visiteurs qui accèdent directement à une section spécifique peuvent obtenir moins d’impressions et de clics. Pour les sites Web qui dépendent fortement de la publicité, nous vous recommandons d’utiliser des liens d’ancrage et une table des matières pour effectuer des tests A/B.
Notez que l’ID de fragment (#) n’est pas envoyé au serveur si vous devez changer de domaine ou ajouter des redirections 301. Changer les liens d’ancrage en cours de route peut compliquer les choses. Il existe des moyens de contourner cela en utilisant JavaScript, mais ce n’est pas une tâche facile.
III. Comment ajouter un saut aux liens avec du code
Vous trouverez ci-dessous des combinaisons qui ajoutent une liste ou une table des matières (TOC) avec les liens d’ancrage HTML appropriés. Tout d’abord, ajoutez votre liste en haut de votre message. Ensuite, créez un lien comme d’habitude, mais au lieu de créer un lien vers une URL, créez un lien vers un nom distinctif. Tout peut être effacé. Vous n’avez pas à le faire dans votre code. Vous pouvez créer des listes à puces comme vous le feriez dans un bloc-notes ordinaire. Associez-le ensuite au nom distinctif que vous avez créé. #Hébergement. Ensuite, dans la section avec l’en-tête, nous devons ajouter l’ID d’ancre HTML.
La bonne nouvelle est que le nouvel éditeur de blocs WordPress rend cela beaucoup plus facile. Les éditeurs traditionnels vous obligent à basculer entre les vues visuelles et textuelles. plus que cela ! Cliquez simplement sur le titre (H2). Ensuite, vous verrez une section intitulée « Détails » à droite sous l’onglet « Blocage ». Développez-le et ajoutez un nom distinctif au champ Ancre HTML. Assurez-vous qu’il s’agit du même nom d’ID que vous avez sélectionné et lié ci-dessus. C’est tout ! Votre message a maintenant une table des matières et accède à des liens que Google peut explorer et rechercher.
Si vous utilisez l’éditeur classique de WordPress ou si vous préférez tout faire manuellement avec du code, voici comment ajouter des identifiants d’ancrage HTML.
IV. Comment ajouter des sauts aux liens à l’aide de plugins
Ajoutez facilement des sauts à vos liens avec le plugin WordPress gratuit Easy Table of Contents. Installez simplement le plugin et il ajoutera automatiquement une table des matières en haut de vos articles et pages de blog. La bonne chose est que vous n’avez pas à taper quelque chose comme ça. Écrivez simplement votre message comme vous le feriez avec des en-têtes H2 et H3 normaux et ces boîtes seront générées automatiquement. Vous pouvez également accéder aux paramètres du plug-in pour personnaliser les styles, les en-têtes à afficher, le nombre minimum d’en-têtes, le type de publication à utiliser, etc.
