Comment référencer un paragraphe ou une phrase spécifique dans les articles WordPress

Le contenu long est idéal pour établir l'autorité et répondre aux questions de manière approfondie. Mais lorsqu'un lecteur recherche une réponse spécifique, le faire défiler à travers des milliers de mots peut être frustrant.

C'est là que les liens vers des paragraphes ou des phrases spécifiques peuvent faire une grande différence. Au lieu de simplement pointer les lecteurs vers une page, vous pouvez les guider directement vers les informations que vous souhaitez qu'ils voient.

Dans cet article, nous vous montrerons comment lier directement à un paragraphe ou une phrase spécifique dans vos articles WordPress en utilisant deux méthodes simples.

Voici ce que nous allons couvrir dans cet article :

La méthode rapide : Copier un lien de surlignage depuis votre navigateur

La façon la plus simple de créer un lien qui pointe vers un paragraphe ou une phrase spécifique est de laisser votre navigateur le générer pour vous en un clic. 

Ouvrez simplement la page vers laquelle vous souhaitez créer un lien et sélectionnez les mots exacts que vous souhaitez partager. Ensuite, faites un clic droit sur la sélection et choisissez « Copier le lien vers la mise en surbrillance ».

Si vous utilisez Safari, cette option est répertoriée comme « Copier le lien avec la mise en surbrillance ».

Votre presse-papiers contient maintenant le lien complet. Il contient l'adresse de la page, les caractères #:~:text=, et les mots que vous avez sélectionnés sous forme encodée. Cela signifie que les espaces et la ponctuation sont remplacés par des codes comme %20 afin qu'ils puissent être inclus en toute sécurité dans une URL.

https://example.com/wordpress-post/#:~:text=Start%20highlight%20here

Lorsqu'un lecteur clique sur ce lien, son navigateur fait immédiatement défiler la page jusqu'au passage désigné et met en surbrillance le texte.

Gardez à l'esprit que cela ne fonctionne qu'avec du texte standard et sélectionnable. Les liens de mise en surbrillance ne fonctionneront pas sur du texte intégré dans des images, des documents PDF ou un cadre intégré tel qu'un lecteur vidéo YouTube.

La méthode manuelle : Écrire vous-même l'URL du fragment de texte

Parfois, le lien généré automatiquement n'est pas tout à fait ce dont vous avez besoin. Par exemple, la phrase exacte peut apparaître plusieurs fois sur la page, ou vous pouvez vouloir mettre en surbrillance un passage entier sans utiliser plusieurs paragraphes de texte dans votre lien.

Dans ces cas, comprendre comment l'URL est structurée vous donne un contrôle total sur ce qui est sélectionné :

https://example.com/page/#:~:text=prefix-,textStart,textEnd,-suffix

• textStart est la seule partie requise. À elle seule, elle indique au navigateur de mettre en surbrillance cette phrase exacte.
• textEnd transforme votre sélection en une plage, mettant en surbrillance tout ce qui va de votre phrase de début à votre phrase de fin.
• prefix- et -suffix spécifient les mots immédiatement avant et après votre texte cible. Ils sont utiles lorsque la même phrase apparaît plusieurs fois sur la page et que vous devez indiquer au navigateur quelle occurrence utiliser.

Pour mettre en surbrillance un long passage sans taper chaque mot, il vous suffit de taper la phrase d'ouverture et la phrase de fermeture, séparées par une virgule. Le navigateur mettra automatiquement en surbrillance tout ce qui se trouve entre les deux.

https://example.com/page/#:~:text=Start%20of%20the%20passage,end%20of%20the%20passage

De même, vous pouvez mettre en surbrillance deux passages distincts sur la même page en les joignant avec &text=. Ceci est utile lorsque vous souhaitez diriger les lecteurs vers deux informations connexes, telles qu'une affirmation et la réserve qui la suit.

https://example.com/page/#:~:text=first%20passage&text=second%20passage

Si vous ne souhaitez pas écrire les URL manuellement, le générateur gratuit Text Fragment Link Generator peut construire l'URL pour vous automatiquement.

Dans l'outil, collez l'adresse de la page cible ainsi que le texte exact que vous souhaitez mettre en surbrillance.

Si le texte apparaît plusieurs fois sur la page, vous pouvez remplir les champs facultatifs de préfixe et de suffixe pour localiser l'emplacement exact. L'outil appliquera automatiquement le bon encodage et générera un lien final prêt à être copié et partagé.

Ajouter le lien de surlignage à votre article WordPress

Une fois que vous avez copié le lien dans votre presse-papiers, vous pouvez l'ajouter dans l'éditeur de blocs WordPress de la même manière que vous ajoutez n'importe quel autre lien. Vous n'avez besoin d'aucun plugin supplémentaire ni de blocs personnalisés.

1. Quelle est la différence entre un lien d'ancre et un lien de surlignage ?

Ensuite, cliquez sur l'icône Lien dans la barre d'outils du bloc, ou utilisez le raccourci clavier Ctrl+K sur Windows / Commande+K sur Mac.

Après cela, collez le lien de surlignage dans le champ et appuyez sur Entrée. WordPress stocke l'URL entière, y compris le fragment de texte à la fin.

Enfin, publiez ou mettez à jour l'article et cliquez sur le lien sur la page en direct. Le navigateur devrait sauter au passage et le surligner, ce qui confirme que la référence fonctionne.

Lier une partie spécifique d'un article à l'aide de liens d'ancrage

Un lien d'ancre dirige le lecteur vers une section spécifique d'une page à l'aide d'un attribut id HTML ajouté à un bloc dans l'éditeur. Bien qu'il ne surligne pas le texte comme le fait un fragment de texte, il ne se cassera jamais si vous mettez à jour ou modifiez le libellé plus tard.

Pour ajouter un lien d'ancre, sélectionnez le bloc vers lequel vous souhaitez créer un lien, tel qu'un titre, dans l'éditeur de contenu WordPress.

Ensuite, ouvrez l'onglet Bloc dans la barre latérale des paramètres de droite, développez le panneau « Avancé » et tapez un mot-clé court dans le champ « Ancre HTML ».

Vous pouvez utiliser l'ancre HTML pour créer un lien d'ancre. Au sein de la même page, le lien ressemble à ceci :

<a href="#linkedsection">

Si vous pointez vers un attribut ID sur une page Web différente, le lien ressemble à ceci :

<a href="https://example.com/#linkedsection">

Pour ajouter un ID, vous devrez modifier l'article afin que cette méthode fonctionne mieux pour votre propre contenu.

Pour la présentation complète dans les deux éditeurs, consultez notre guide étape par étape sur comment ajouter facilement des liens d'ancrage dans WordPress.

Foire aux questions sur la référence de texte dans WordPress

Vous trouverez ci-dessous les réponses à certaines des questions les plus fréquentes que nous recevons concernant la création de liens vers des paragraphes et des phrases spécifiques.

1. Quelle est la différence entre un lien d'ancrage et un lien de surbrillance ?

La différence réside dans ce que chaque lien cible.

Un lien d'ancre pointe vers un ID HTML fixe ajouté à la page, maintenant le lien actif quelle que soit l'évolution du libellé autour de lui.

Un lien de surlignage pointe vers les mots eux-mêmes et les surligne lorsque la page se charge. Vous n'avez pas besoin de modifier la page cible, il est donc idéal pour citer d'autres sites. Cependant, il cessera de fonctionner si ce libellé est modifié.

2. Les liens d'ancrage fonctionnent-ils sur tous les sites Web ?

Oui, les liens d'ancrage font partie intégrante du HTML et fonctionnent sur n'importe quel site Web dans tous les navigateurs modernes.

3. Que se passe-t-il si le texte de la page change ?

Le lien peut cesser de fonctionner comme prévu si le texte référencé est supprimé ou modifié de manière significative. Étant donné que le navigateur doit trouver les mots spécifiés sur la page, le texte doit toujours correspondre pour que le surlignage fonctionne.

Nous espérons que ce tutoriel vous a aidé à apprendre comment référencer un paragraphe ou une phrase spécifique dans les articles WordPress. Vous voudrez peut-être aussi consulter notre guide sur le SEO WordPress et nos conseils sur le maillage interne pour le SEO.

Si vous avez aimé cet article, abonnez-vous à notre Chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.