Faire une ancre WordPress avec Elementor

Imaginez la possibilité de se déplacer instantanément là où vous voudriez vous trouver. Ce serait génial, non ? C’est ce que nous proposent les ancres. Elles permettent à l’internaute de savoir vers quelle partie de votre contenu il va être redirigé. Nous allons donc voir dans ce tutoriel comment faire une ancre WordPress avec Elementor et découvrir ce que c’est vraiment.

Une ancre c’est quoi ?

Une ancre est un terme général pour désigner le texte cliquable d’un lien hypertexte HTML. C’est le texte du lien. Celle-ci peut rediriger l’internaute vers différents contenus, qu’ils soient internes ou externes au site sur lequel est présent le visiteur. Il existe 3 manières d’utiliser les ancres. Voyons comment vous pouvez les créer sur Elementor.

1/ Ancre de lien (ou simplement ancre)

Ce type d’ancre et la plus couramment utilisée. Elle permet de faire des liens entre les pages de votre site Internet. On trouve donc un lien hypertexte qui est composé d’une ancre et de l’URL qui redirige vers une autre page interne de votre site Internet. Voici un exemple:

<a href="https://www.monsite.com">Mon ancre</a>

Comme vous le voyez, un lien hypertexte est composé d’une balise HTML « <a> » avec un attribut « href » et d’un texte visible par l’internaute.

2/ L’ancre interne

Une ancre interne permet d’accéder directement à une partie spécifique d’une page d’un site web. En général, le texte de cette ancre comporte le même texte que le titre que l’on souhaite atteindre. Notez que le lien d’URL comporte un identifiant précédé d’un dièse (ou hashtags) « # » qui correspond à l’ID de l’élément que l’on souhaite atteindre. Voici un exemple d’ancre interne.

<a href="#mon_identifiant">Mon ancre interne</a>

On peut également atteindre de cette manière une section présente dans une autre page pour optimiser le maillage interne. On va donc rediriger directement l’internaute vers la section la plus pertinente en relation avec ce qu’il est en train de lire en ciblant l’ID de cette section. Voici à quoi ressemblerais ce lien :

<a href="https://www.monsite.com/mapage/#mon_identifiant">Mon ancre interne</a>

3/ L’ancre externe

Une ancre externe permet d’accéder à un contenu extérieur à votre site. La seule différence, c’est que le nom de domaine est différent du votre. Voici un exemple:

<a href="https://www.autresite.com">Mon ancre externe</a>

On peut même rediriger un Internaute directement à une section d’une page extérieure à notre site. À condition que les sections en question possèdent un identifiant. Ca donne une ancre de ce type :

<a href="https://www.autresite.com/nomdelapage/#identifiant_section">Mon ancre externe</a>

Les ancres et le référencement naturel

Comme je le disais, l’ancre est le texte cliquable d’un lien. Celui-ci a une grande importance pour votre référencement naturel. Selon le texte que vous allez écrire, votre ancre sera dite « optimisé » ou « non optimisée ». Voyons ça en détail.

Les ancres optimisées

Concernant les ancres optimisées, le texte est le plus pertinent possible avec le contenu de destination. De ce fait on évitera les termes trop flous du genre « En savoir plus », « Cliquez ici », « Accessible ici ».

De même ces textes sont composés de mots-clés proches sémantiquement de la page de destination. Il doivent être courts et précis. On préfèrera des liens du type « Prendre un rendez-vous » plutôt que « Cliquez ici pour prendre un rendez-vous avec nous ».

Dans quel cas utiliser des ancres optimisées ?

Pour les ancres internes, vous pouvez utiliser autant d’ancres optimisées que vous le voulez. Profitez-en pour ajouter des mots-clés exacts ou dans la même sémantique que le contenu de destination. Cela n’aura pas d’effet négatif pour votre référencement, au contraire.

Les ancres non optimisées

Comme vous l’aurez deviné, ce sont des ancres génériques où le texte n’est pas optimisé avec le contenu de destination. Ce sont des liens du type « Cliquez ici », « Voir plus », « Sur cette page ». L’internaute ne peut pas savoir exactement où va diriger le lien sans lire ce qui le précède ou le suit.

Dans quel cas utiliser des ancres non optimisées ?

Les ancres non optimisées sont souvent des liens naturels faits par d’autres sites. Cependant, si vous achetez des liens pour améliorer votre référencement naturel, ce sont les liens à privilégier. Ils devraient représenter au moins 80% des liens que vous achetez. Par contre, pour les liens internes, évitez d’en abuser. Ce serait dommage de ne pas optimiser votre maillage interne.

Comment faire une ancre WordPress Elementor ?

Après ces longs discours, il est temps pour nous de faire une ancre WordPress sur Elementor. Il faut d’abord donner un identifiant à la section de destination, puis créer un lien vers cette section. Voyons ça en détail.

1/ Ajouter un nom à l’ID de la section de destination

Ouvrez votre article avec Elementor et sélectionnez la section que vous souhaitez atteindre en cliquant sur le lien, comme le montre cette image:

Cliquez ensuite sur l’onglet « Avancé » situé dans la colonne de gauche comme indiqué sur la capture ci-dessous.

Indiquez ensuite un nom pour l’identifiant, sans espace. Vous pouvez mettre « – » ou « _ » pour séparer les mots. Évitez aussi les caractères spéciaux. Le nom sera présent dans une URL. Comme ceci:

Profitez de l’occasion pour insérer un mot-clé correspondant à la section ou donnez simplement le même nom que le titre de la section. Ça permet d’avoir une ancre optimisée.

2/ Ajouter un lien vers cette section

Vous pouvez créer un lien d’ancre optimisé en donnant le même nom que le titre de la section de destination. Mais vous n’êtes pas obligé. Vous pouvez aussi créer un lien sur un bouton ou un autre nom. L’important c’est que le lien HTML fonctionne. Le texte est une question d’optimisation.

Créer une nouvelle ligne en insérant une phrase qui sera destinée à être cliquée comme le montre l’image ci-dessous. Ce sera votre ancre Elementor.

Sélectionnez ensuite ce texte et cliquez sur la « chaîne » pour indiquer le lien, comme ceci:

L’URL doit commencer par un dièse « # », suivi du nom exact que vous avez donné pour identifiant à votre section. Dans mon exemple, j’ai mis comme ID de section le nom « section2 » et je retrouve donc ce même nom comme URL pour y accéder.

Si votre contenu est en dehors de la zone d’affichage, vous pouvez cliquer sur cette ancre pour vous rendre à la section désirée. Sans quoi, vous ne verrez peut-être rien bouger puisque la section est déjà présente sur l’écran.

Créer des ancres internes optimisées sur Elementor automatiquement

Vous avez appris à créer une ancre interne manuellement, parfait. Avouons-le, on le fait rarement. La plupart du temps on utilise un widget disponible dans la version pro d’Elementor. En effet, l’option est disponible pour créer des tables des matières qui vont gérer les ancres internes automatiquement. Ça permet de faire un sommaire sur un article afin d’améliorer l’expérience utilisateur. Voyons comment faire ça:

Une fois la table des matières dans la page, il est possible de sélectionner la profondeur des ancres telles que les H1, H2, H3, H4, H5, H6. Cette fonctionnalité est bien pratique et évite les erreurs

Pour conclure sur la création d’ancres WordPress sur Elementor

Vous connaissez maintenant toutes les astuces pour créer des liens performants sur votre site. N’hésitez pas à ajouter une table des matières à vos articles pour faciliter la navigation sur votre site et augmenter le temps de lecture de vos pages. Simplifiez la vie de vos visiteurs avec vos ancres de lien. Vous pouvez suivre ce tutoriel complet ci-dessous pour créer une ancre sur Elementor.

Article similaire

• Elementor SEO : tout ce qu’il faut savoir
• Créer un menu sur Elementor : le guide complet et détaillé.