Comment faire une ancre html depuis Gutenberg sur WordPress ?

Une ancre Html consiste à faire un lien depuis une partie de la page vers une autre section de la même page.

Cette fonctionnalité fait partie des options de base (Core) de WordPress, que vous utilisiez Divi ou elementor ou un autre théme wordpress vous pourrez faire appel à cette fonctionnalité.

Pour ajouter une ancre HTML à une page ou un article WordPress en utilisant l’éditeur Gutenberg, vous pouvez suivre ces étapes :

1. Ouvrir l’article ou la page :
   • Accédez à votre tableau de bord WordPress.
   • Allez dans « Articles » ou « Pages » et sélectionnez celui que vous souhaitez éditer.
2. Ajouter une ancre à un bloc :
   • Cliquez sur le bloc où vous souhaitez ajouter l’ancre.
   • Dans la barre latérale droite, sous « Paramètres du bloc », cherchez la section « Avancé ».
   • Dans cette section, il y a un champ intitulé « HTML Anchor » ou « Ancre HTML ».
   • Entrez un identifiant unique pour l’ancre (par exemple, mon-ancre).
3. Ajouter un lien vers l’ancre :
   • Pour créer un lien vers cette ancre, sélectionnez le texte que vous voulez transformer en lien.
   • Cliquez sur l’icône de lien dans la barre d’outils du bloc.
   • Dans le champ URL du lien, entrez le signe # suivi de l’identifiant de l’ancre (par exemple, #mon-ancre).
   • Appliquez le lien.

Exemple détaillé :

1. Ajouter une ancre HTML :
   • Supposons que vous ayez un titre « Section 1 » dans un bloc de titre.
   • Sélectionnez ce bloc, allez dans les « Paramètres du bloc » -> « Avancé » -> « Ancre HTML ».
   • Entrez section1 dans le champ « Ancre HTML ».
2. Créer un lien vers l’ancre :
   • Sélectionnez le texte « Aller à la Section 1 » dans un autre bloc de texte.
   • Cliquez sur l’icône de lien, puis dans le champ URL, entrez #section1.
   • Enregistrez ou mettez à jour votre page/article.

Résultat attendu :

Lorsque vous cliquez sur le lien « Aller à la Section 1 », la page défilera automatiquement jusqu’à la section contenant l’ancr

Voici une vidéo en Anglais pour plus d’explication visuelle:

Besoin d’aide sur la réalisation de votre site web sur votre référencement ?

Vous avez besoin d’aide pour la réalisation de votre site web et pour améliorer son référencement SEO ? N’hésitez pas à me contacter ! En tant que consultant SEO et développeur front-end, je suis spécialisé dans l’optimisation des sites pour les moteurs de recherche et dans la création de sites web performants et esthétiques.

Je peux vous accompagner dans toutes les étapes de votre projet, de la conception à la mise en ligne, en passant par l’optimisation SEO pour assurer une visibilité maximale sur les moteurs de recherche. Ensemble, nous pouvons faire en sorte que votre site attire et engage efficacement votre audience cible.