D’ACCORD, emplacement : Vous êtes chez vous, tranquillement installé devant votre ordinateur, à la recherche d’inspiration pour la conception de votre blog.

L’un des résultats de Google se démarque. Vous cliquez pour l’ouvrir et commencer à lire.

Vous commencez à faire défiler, un peu plus profondément, un peu plus et « Oh mec mais cet article est bien trop long je ne suis pas intéressé par tout ça … et quels outils utiliser?! « 

Tu me vois venir avec le mien Contenu ?

Oui: une excellente solution pour Facilitez la lecture d’un article ou d’une page avec un grand volume de contenu consiste à inclure un résumé Connexions d’ancrage.

Mais qu’est-ce que c’est? Comment tu ? Quelle utilisation? Reste avec moi, je vais t’expliquer pourquoi et comment créer des ancres dans WordPressfacile et étape par étape.

Qu’est-ce qu’une ancre?

Avant d’expliquer comment créer des ancres dans WordPress, voyons d’abord ce qu’est une ancre. Ne mettons pas la charrette devant les bœufs.

Prenons un exemple simple de cela.

Vous pouvez en trouver un Article d’installation du plugin, c’est très intéressant, mais un peu long. Vous pourriez être découragé.

Mais oh joie! Vous verrez qu’il y a un résumé en haut de la page qui résume le contenu. Grâce aux titres des paragraphes individuels, vous pouvez vous orienter dans l’article.

Bien entendu, vous pouvez cliquer sur le titre de votre choix dans cette table des matières. Cette vous amène directement à la section que vous avez sélectionnée. Vous n’avez plus besoin de faire défiler la page à l’infini pour trouver les informations que vous recherchez.

L’ancre est donc ce qui établit ce lien entre le résumé et les sections appropriées de l’article.

Plus précisément, c’est de ça qu’il s’agitun HTML Élément, ce qui signifie ancre. Le texte entre le -Tags est l’ancre. Dans l’extension, cela fait référence au lien complet, c’est-à-dire H. Que Tag et son contenu.

Mais pourquoi l’utiliser alors?

Pourquoi créer des ancres avec WordPress?

Maintenant que vous comprenez ce qu’est une ancre, vous pouvez vous dire: «Ah, d’accord! mais est-ce vraiment utile? « Eh bien, pas une grosse surprise.

Une ancre peut être utile pour deux raisons principales.

Comme nous venons de le voir, il est d’abord utilisé pour créer un résumé que vous pouvez utiliser pour accéder directement à la section de votre choix. C’est un excellent moyen de faciliter la navigation sur le site pour les internautes.

Non seulement cela les aide à voir plus clairement, mais surtout, cela améliore l’expérience utilisateur, également appelée UX. Et c’est très bon pour référencement naturel (SEO).

Ce qui est cool, c’est que vous pouvez également créer un lien vers une section d’un autre côté ! Et cela, même si c’est exactement au milieu ou en bas.

Laissez-moi vous expliquer: imaginez que vous écrivez un article. Vous parlez de vos services et vous souhaitez vous référer directement à une offre spécifique qui se trouve en bas de votre page de tarification. Vous pouvez le faire grâce à une ancre.

À la fin de l’article, j’explique comment procéder.

Voyons d’abord comment créer une ancre.

Créez une ancre dans le cartouche de votre choix

Passons maintenant à la pratique si cela ne vous dérange pas. Commençons avec Créez l’identifiant de l’ancre qui se trouve dans le corps du texte plutôt que dans le résumé.

Cette étape consiste à lui donner un nom unique. Procédez comme suit:

  • Tout d’abord, sélectionnez le bloc du chapitre qui vous intéresse et vers lequel vous souhaitez pointer, par ex. B. un H2. Comme vous pouvez l’imaginer, on parle de «créer une ancre».
  • Cliquez dessus;
  • Dans la colonne «Bloc» de l’éditeur, cliquez sur «Avancé» sur le côté droit de l’écran, puis sous «Ancre HTML» sélectionnez le nom que vous souhaitez donner à votre ancre. Ceci est son identifiant.
  • Utilisez un nom simple, par exemple B. « Créer l’ancre ».
Créer des ancres dans l'éditeur de contenu

Attentionl’éditeur peut être un peu trompeur dans les mots qu’il utilise. Ils ne créent pas une « adresse Web unique » comme il le suggère. L’éditeur, comme nous venons de le voir, vous permet d’ajouter un identifiant que vous pouvez utiliser pour créer des liens vers l’élément sélectionné. C’est tout.

Ajoutez un lien d’ancrage à votre table des matières

Revenez au début de votre article pour la deuxième étape:

  • Commencez maintenant à créer votre résumé en utilisant, par exemple, un bloc de liste.
  • Remplissez tous les titres des chapitres de votre article.
  • Mettez en surbrillance le nom du chapitre sélectionné. Ici, il s’agit de «créer l’ancre» pour notre exemple.
Ajouter un lien d'ancrage
  • Créez un lien avec le même identifiant que vous avez ajouté précédemment, en commençant par #, d’où: # creer-des-anchor; Ce lien vous amène à l’élément avec l’identifiant approprié sur la page en cours (celui que vous avez sélectionné à l’étape précédente).
Créer un lien pour une ancre
  • Assurez-vous d’utiliser exactement le même nom: Ici, il s’agit d’abord de « créer l’ancre » dans la première étape, puis de « # créer l’ancre ».

Créer l’ancre pour la section sélectionnée

Si vous ne voulez pas passer par l’éditeur de contenu WordPress, vous pouvez certainement le faire Créer manuellement une ancre dans le code HTML.

Voyons comment gérer ce processus:

  • Commencez par choisir le bloc qui vous intéresse. Je vais prendre mon exemple pour H2 de l’explication précédente.
  • Cliquez sur le bouton du bloc avec les 3 petits points, puis choisissez « Changer en HTML ».
Créer une ancre dans le HTML
  • Le H2 sélectionné est appelé « Créer une ancre ». Si vous modifiez du HTML, vous verrez ce qui suit:
Ancre sur un titre H2
  • À partir de là, ajoutez manuellement un attribut ID à la balise h2 pour donner un nom à votre ancre (ce n’est pas visible dans l’éditeur visuel).
  • Ce qui donnera:
Attribut ID pour une ancre
  • Si vous voulez faire la même chose dans un paragraphe ou tout autre type de bloc, vous pouvez. La seule différence est que vous ne travaillez pas avec une balise h2 mais, par exemple, avec une balise p (pour paragraphe). Ce qui donnerait ici:
Faire une ancre sur un talon

Placer le lien d’ancrage dans le résumé

Revenez au résumé que vous avez créé précédemment pour continuer:

balise href pour une ancre

Encore une fois, assurez-vous d’utiliser exactement le même nom (d’abord « creer-des-anchor », puis « # creer-des-anchor »).

Au début de l’article, j’ai promis de vous l’expliquer Comment utiliser une ancre pour attirer vos lecteurs en plein milieu d’une autre page.

Pour bien comprendre cela, je vais utiliser l’exemple que j’ai utilisé: Vous avez une page de tarification avec plusieurs services. Dans votre dernier article, vous voulez envoyer vos lecteurs directement au bénéfice final sur cette page.

La première chose à faire, évidemment, est de créer une ancre sur le rocher de cette célèbre performance finale, quelle qu’elle soit. Mais maintenant vous savez comment le faire. 😉

Ensuite, lorsque vous créez le lien dans votre article vers votre service, il vous suffit de:

  1. Saisissez l’URL de la page, par exemple: « https://www.monsite.fr/tarifs »;
  2. Ajoutez ensuite le numéro du nom de votre ancre, par exemple: « https://www.monsite.fr/tarifs/#derniere-prestation ».

En cliquant sur votre lien, la personne accédera directement au dernier service de votre page tarifaire.

En résumé

Vous l’avez compris: vous avez différentes options pour créer des ancres dans WordPress. Vous pouvez choisir d’utiliser l’éditeur de contenu ou le code HTML. Cela dépend entièrement de vous.

N’hésitez pas à tester un design pour bien comprendre la manipulation en cours.

N’oubliez pas que le plus important est de garder exactement le même nom! Avec le # pour le lien d’ancrage cliquable et sans le # pour l’ID d’ancrage qui lui est lié. Une fois que vous avez compris comment faire cela, cela devient un jeu d’enfant pour l’avenir.

N’oubliez pas de l’utiliser chaque fois que vous avez un contenu long. Vos lecteurs vous remercieront.

Et si vous aimez des sujets plus similaires et que vous souhaitez apprendre à utiliser WordPress avec facilité, je vous recommande Formation WPChef.

Voulez-vous utiliser les ancres maintenant? Dites-moi dans les commentaires pour quoi vous allez les tester en premier.



Source link

Recent Posts