Quand et comment utiliser Noopener Noreferrer dans WordPress • WPShout

By | janvier 25, 2021

trouver un expert WordPress

Il est assez courant pour les gens de WordPress de commencer à regarder de temps en temps le code HTML de leur page. Si vous vous surprenez à faire cela. Et peut-être que c'est là que vous avez vu un lien qui disait rel = "noreferrer noopener". Et maintenant vous êtes ici, vous vous demandez ce que cela signifie. Parfait. Réponse courte: il s'agit d'une mesure de sécurité lorsque vous souhaitez qu'un lien s'ouvre dans un nouvel onglet (ou une nouvelle fenêtre) pour vos visiteurs. Et c'est aussi lié à target = "_ vide". Mais nous y reviendrons dans un instant…

Faire un lien ouvert dans un nouvel onglet, la vidéo

Note rapide: les options «sponsorisé» et «noindex» que je mentionne et commente à la fin de la vidéo sont fournies par le plugin WordPress Yoast SEO. Si vous ne les voyez pas, c'est que vous n'exécutez pas ce plugin. Ce n’est pas du tout un problème 🙂

En outre, l’article du Mozilla Development Network auquel la vidéo fait référence est «Types de lien: noreferrer». C'est assez court, mais le "MDN" est une excellente ressource des fabricants de Firefox.

Faire ajouter WordPress noreferrer noopener vers un lien

Alors, vous souhaitez ouvrir un point de lien WordPress dans un nouvel onglet? C'est alors que WordPress ajoutera automatiquement le noopener noreferrer. Donc, ce qui se passe est plutôt que le lien qui ressemble à:

Example.com est cool

Cela ressemblera à:

Example.com est cool

Si tout cela vous a ressemblé à des «trucs de programmation bizarres», ne vous inquiétez pas. WordPress rend cela contrôlable avec un petit clic rapide. Voici une capture d'écran de cela:

Capture d'écran de WordPress
Les paramètres de l'option "Ouvrir dans un nouvel onglet" (que nous avons activé "activé") sont fournis par Yoast SEO. Tous les sites WordPress ne les auront pas.

En gros, voici comment faire pour que WordPress ouvre un lien dans un nouvel onglet:

  1. Créez un lien. (Voici notre guide rapide pour faire cela dans Gutenberg.) Ma méthode préférée pour ce faire est de simplement «coller» sur un bloc de texte en surbrillance.
  2. Cliquez sur le lien dans l'éditeur de blocs Gutenberg, qui fera apparaître le menu «Options de lien». Ici, vous verrez l'URL de votre lien, et une bascule intitulée «Ouvrir dans un nouvel onglet» (photo ci-dessus). Lorsque "Ouvrir dans un nouvel onglet" est activé, le lien n'aura pas d'ouverture ni de référence (c'est-à-dire rel = "noopener noreferrer") ajouté par défaut.

[ad_2]