TechBlogSD - Tout pour le développement WordPress et WEB
Instructions WEB et WordPress, actualités, revues de thèmes et plugins

Comment ajouter du Nofollow aux liens dans WordPress Gutenberg Editor ?

53

WordPress a introduit l’éditeur Gutenberg avec la sortie de la version 5.0. Bien que l’idée était d’améliorer l’expérience d’édition, cela n’a pas bien fonctionné. Certaines choses sont soit modifiées soit deviennent plus difficiles avec Gutenberg par rapport à l’éditeur classique précédent. Un de ces exemples consiste à ajouter une valeur nofollow aux liens hypertexte. Dans cet article, nous expliquerons comment ajouter du nofollow aux liens dans l’éditeur WordPress Gutenberg.

Connexe : Découvrez plus de 200 articles de didacticiel WordPress gratuits.

Pourquoi avez-vous besoin d’une valeur Nofollow dans les liens ?

Il existe de nombreuses situations dans lesquelles vous souhaitez lier une page Web externe à votre contenu. L’ajout de liens vers des sites Web réputés et fiables est un bon moyen de rendre votre contenu attrayant pour vos lecteurs. Par exemple, lorsque vous souhaitez mentionner un plugin, vous pouvez donner un lien vers la page du plugin dans le référentiel de plugins WordPress.

Les moteurs de recherche comme Google considéreront le nombre de liens externes (backlinks) pour classer la popularité d’une page Web. Cependant, vous pouvez utiliser nofollow dans les liens pour informer Google de ne pas considérer le lien lors du calcul des résultats de la recherche. Vous trouverez ci-dessous quelques raisons valables pour lesquelles vous souhaitez ajouter une valeur nofollow aux liens hypertexte :

  • Liens payants – lorsque vous obtenez de l’argent pour publier un lien sur votre contenu, assurez-vous d’y ajouter nofollow.
  • Page Web non fiable – vous vouliez créer un lien vers une page Web non fiable.
  • Pages de connexion / d’enregistrement – vous pouvez ajouter des valeurs nofollow ou noindex à la connexion / à l’enregistrement / au panier / à la caisse et à d’autres pages Web liées aux comptes d’utilisateurs.

Consultez la page d’assistance aux webmasters de Google pour obtenir plus de détails sur l’utilisation du lien nofollow.

Ajouter un attribut Nofollow dans l’éditeur Gutenberg

Suivez les instructions ci-dessous pour ajouter une valeur nofollow aux hyperliens dans l’éditeur WordPress Gutenberg.

  • Lorsque vous êtes sur l’éditeur de publication ou de page, cliquez à l’intérieur d’un bloc et mettez en surbrillance le texte auquel vous souhaitez ajouter un lien.
  • Cliquez sur l’icône de lien hypertexte et insérez un lien externe ou tapez un mot-clé pour choisir la page Web à lier à partir de votre site.

Comment ajouter du Nofollow aux liens dans WordPress Gutenberg Editor ?

Ajouter des liens au texte

  • Après avoir ajouté un lien, cliquez sur la flèche clé pour appliquer le lien vers le contenu sélectionné. Nous vous recommandons également de configurer le lien nofollow pour l’ouvrir dans un nouvel onglet. Pour ce faire, cliquez sur le bouton à trois points de l’élément de lien et activez l’option « Ouvrir dans un nouvel onglet ».

Comment ajouter du Nofollow aux liens dans WordPress Gutenberg Editor ?

Ajouter des liens au texte avec Ouvrir dans un nouvel onglet

  • Maintenant, cliquez sur le bouton de réglage des trois points pour le bloc, comme indiqué dans l’image ci-dessous.

Comment ajouter du Nofollow aux liens dans WordPress Gutenberg Editor ?

Modification d’éléments de bloc au format HTML

  • Choisissez l’option "Modifier en HTML". Maintenant, le bloc affichera le contenu HTML et localisera la balise d’ancrage (une balise HTML).
  • Vous verrez l’attribut rel avec les valeurs noreferrer et noopener. Ajoutez simplement des valeurs nofollow au même attribut rel.

Comment ajouter du Nofollow aux liens dans WordPress Gutenberg Editor ?

Ajouter Nofollow aux liens de texte dans l’éditeur Gutenberg

  • Vous ne verrez pas l’attribut rel si vous n’avez pas activé le lien pour s’ouvrir dans un nouvel onglet. Dans ce cas, vous pouvez ajouter manuellement l’attribut rel="nofollow" à la balise d’ancrage.
  • Après avoir ajouté nofollow, cliquez sur le bouton à trois points et choisissez l’option "Modifier visuellement" pour revenir à la vue normale de l’éditeur.

Comment ajouter du Nofollow aux liens dans WordPress Gutenberg Editor ?

Passer à l’édition visuelle

Ajout de Nofollow dans les liens d’image

Vous pouvez suivre le processus similaire pour ajouter une valeur nofollow aux liens d’image. Cependant, Gutenberg a la possibilité d’ajouter facilement des nofollow pour les liens d’images.

  • Cliquez sur l’image et sélectionnez le lien sous l’option « Lien vers » des paramètres de lien du bloc.
  • Vous pouvez choisir une page de pièce jointe, un fichier multimédia ou une option d’URL personnalisée pour créer un lien vers une image.
  • Entrez l’URL si vous avez choisi l’option "URL personnalisée".
  • Dans la zone de texte « Link Rel », tapez « nofollow ».
  • Maintenant, vous avez ajouté une valeur nofollow au lien de l’image dans Gutenberg.

Comment ajouter du Nofollow aux liens dans WordPress Gutenberg Editor ?

Ajout de Nofollow aux liens d’image dans Gutenberg

Offre SEO : Optimisez votre site avec Semrush Pro spécial essai gratuit de 14 jours.

Ajout de plusieurs liens Nofollow

Si vous souhaitez ajouter plusieurs liens nofollow à un seul article avec un bloc différent, nous vous suggérons de le faire depuis l’éditeur de code.

  • Cliquez sur le bouton des paramètres à trois points disponible dans le coin supérieur droit de l’éditeur (juste en dessous de votre image de profil).
  • Sélectionnez l’option "Éditeur de code" pour changer la vue en éditeur de code.

Comment ajouter du Nofollow aux liens dans WordPress Gutenberg Editor ?

Toggle Éditeur de code dans Gutenberg

  • Ajoutez maintenant les attributs rel="nofollow" aux liens souhaités.
  • Après avoir ajouté des liens, cliquez sur le même bouton à trois points et choisissez l’option "Éditeur visuel" pour changer de mode éditeur. Vous pouvez également cliquer sur le bouton « Quitter l’éditeur de code » pour revenir au mode visuel.

Utilisation d’un élément HTML personnalisé

L’autre option pour insérer une valeur nofollow dans les liens hypertexte consiste à utiliser le bloc " HTML personnalisé ".

  • Sélectionnez un nouveau bloc et ajoutez un bloc « HTML personnalisé » sous les blocs « formatage ».

Comment ajouter du Nofollow aux liens dans WordPress Gutenberg Editor ?

Bloc HTML personnalisé dans WordPress

  • Tapez ou collez votre code avec le lien nofollow comme ci-dessous. De cette manière, vous pouvez préparer le contenu en dehors de l’éditeur et le coller facilement sans changer de mode d’édition.

Comment ajouter du Nofollow aux liens dans WordPress Gutenberg Editor ?

Ajouter un lien Nofollow à l’aide de HTML personnalisé

Ajout de l’attribut Nofollow dans l’éditeur classique

Bien que Gutenberg fasse partie du noyau de WordPress, il existe plus de 4 millions d’installations actives du plugin Classic Editor. C’est une indication claire que les gens ne sont pas vraiment prêts à passer à Gutenberg. Si vous utilisez toujours l’ancien éditeur classique, voici comment insérer du nofollow dans les liens.

  • Installez d’abord et activez le plugin "Classic Editor", si vous ne l’aviez pas sur votre site.

Comment ajouter du Nofollow aux liens dans WordPress Gutenberg Editor ?

Plugin d’éditeur classique

  • Allez dans "Paramètres> Écriture" et sélectionnez l’option "Oui" pour "Autoriser les utilisateurs à changer d’éditeur". Sélectionnez les « Éditeurs par défaut pour tous les utilisateurs » comme « Éditeur classique ».

Comment ajouter du Nofollow aux liens dans WordPress Gutenberg Editor ?

Activer l’éditeur classique dans WordPress

  • Faites défiler vers le bas et cliquez sur le bouton « Enregistrer les modifications ».
  • Allez maintenant dans "Articles> Tous les articles", vous verrez deux options pour chaque article pour en éditer une avec l’éditeur classique et l’autre avec l’éditeur Gutenberg.

Comment ajouter du Nofollow aux liens dans WordPress Gutenberg Editor ?

Sélectionnez l’éditeur pour l’édition

  • Ouvrez la publication ou la page que vous souhaitez modifier avec l’éditeur classique. Ou créez un nouveau message avec l’éditeur classique.
  • Ajoutez le lien hypertexte au texte ou à l’image sélectionné.
  • Cliquez sur l’option de l’éditeur "Texte" et ajoutez l’attribut rel="follow" comme expliqué ci-dessus.
  • Après avoir ajouté l’attribut, remettez l’éditeur en mode « Visuel ».

Comment ajouter du Nofollow aux liens dans WordPress Gutenberg Editor ?

Ajout de Nofollow dans l’éditeur de texte

Apprendre WordPress : Découvrez plus de 400 tutoriels WordPress gratuits.

Ajout de Nofollow dans les images avec Classic Editor

Suivez les instructions ci-dessous lorsque vous souhaitez ajouter une valeur nofollow au lien d’image dans l’éditeur classique.

  • Cliquez sur l’image et sélectionnez le bouton crayon affiché comme « Modifier ».
  • Sur l’écran contextuel, tapez nofollow dans la zone de texte «Link Rel ».
  • Cliquez sur le bouton « Mettre à jour » pour enregistrer vos modifications.

Comment ajouter du Nofollow aux liens dans WordPress Gutenberg Editor ?

Ajouter l’attribut Nofollow Rel aux images

Source d’enregistrement: www.webnots.com
Leave A Reply

Ce site utilise des cookies pour améliorer votre expérience. Nous supposerons que cela vous convient, mais vous pouvez vous désinscrire si vous le souhaitez. J'accepte Plus de détails