Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment ajouter des liens Nofollow dans les menus de navigation de WordPress

Note éditoriale : Nous percevons une commission sur les liens des partenaires sur WPBeginner. Les commissions n'affectent pas les opinions ou les évaluations de nos rédacteurs. En savoir plus sur Processus éditorial.

Voulez-vous ajouter des liens nofollow dans vos menus de navigation WordPress ?

De nombreux propriétaires de sites préfèrent ajouter une balise nofollow aux liens externes, mais les débutants peuvent trouver cela délicat lorsqu’ils ajoutent un lien personnalisé à un menu.

Dans cet article, nous allons vous afficher comment ajouter facilement des liens nofollow dans les menus de navigation de WordPress, étape par étape.

How to Add Nofollow Links in WordPress Navigation Menus

Si vous exploitez un site WordPress, vous pouvez ajouter un identifiant nofollow lorsque vous créez des liens externes. Cela permet aux moteurs de recherche de savoir qu’ils ne transmettent aucun jus de lien de votre page à l’autre site vers lequel vous créez un lien.

Lorsque vous créez un lien vers un site web externe, les moteurs de recherche considèrent qu’il s’agit d’un signal de classement et ils transmettent une petite partie de votre autorité à l’autre site. La meilleure pratique en matière de référencement consiste à ajouter la mention nofollow à tous les sites externes auxquels vous n’accordez pas votre confiance.

Pour ce faire, ajoutez l’attribut rel="nofollow" au lien comme suit :

<a href="https://example.com" rel="nofollow">Example</a>

Pour en savoir plus, vous pouvez consulter notre guide du débutant sur l’ajout de liens nofollow dans WordPress.

Toutefois, l’ajout de liens nofollow aux éléments du menu de navigation est un peu différent et peut prêter à confusion pour les débutants.

Dans cet article, nous allons vous afficher comment ajouter des liens nofollow dans les menus de navigation de WordPress sans utiliser d’extension.

Nous allons couvrir deux méthodes. La deuxième méthode s’adresse aux personnes qui utilisent WordPress 5.9 ou plus et un thème compatible avec l’éditeur/éditrices de thèmes :

Cette méthode s’adresse à vous si vous utilisez un thème WordPress plus ancien, doté d’un personnalisateur de thème et d’un onglet séparé pour les menus.

Pour Premiers, il suffit de se rendre sur la page Apparence  » Menus dans votre colonne latérale d’administration WordPress.

Tout d’abord, vous devez ajouter le lien externe à votre menu de navigation WordPress, comme vous le feriez pour n’importe quel lien personnalisé.

Pour ce faire, cliquez sur l’onglet « Liens personnalisés » afin d’afficher les options URL et Texte du lien. Saisissez simplement l’URL et le texte du lien du site vers lequel vous souhaitez établir un lien.

Enter the URL and Link Text and Click on 'Add to Menu' Button

Cliquez ensuite sur le bouton « Ajouter au menu » pour ajouter le lien externe à la colonne « Structure du menu ».

Maintenant, pour ajouter l’attribut nofollow au lien, vous devez cliquer sur la flèche vers le bas à droite de l’entrée du menu, comme illustré dans la capture d’écran ci-dessus.

Vous consultez cette page les détails du lien externe que vous venez d’ajouter, y compris l’URL et le libellé de navigation.

Click on Screen Options at the Top of the Screen

Si vous ne voyez pas les options Cible du lien et Relation du lien, vous devrez les ajouter.

Pour afficher ces options, cliquez sur le bouton « Options de l’écran » dans le coin supérieur droit de l’écran.

Ensuite, cochez les cases situées à côté des options Cible du lien et Relation de lien (XFN).

Check Link Relationships and Link Target in Screen Options

Vous pouvez maintenant défiler vers le bas jusqu’à votre élément de menu déplié, où vous remarquerez deux nouvelles options.

Ensuite, il suffit de taper nofollow dans le champ de la relation du lien.

Nous vous recommandons de cliquer également sur la case  » Ouvrir le lien dans un nouvel onglet  » lors de l’ajout d’un lien externe. C’est un excellent moyen d’améliorer l’engagement et d’empêcher vos internautes de quitter votre site WordPress.

Type nofollow in Link Relationship

Dernier point, cliquez sur le bouton « Enregistrer le menu » pour stocker vos modifications.

Vous pouvez maintenant prévisualiser votre site pour voir la nouvelle entrée de menu nofollow.

Preview of Nofollow Link in Navigation Menu

Confirmez que l’attribut nofollow a été ajouté au lien.

Il vous suffit de cliquer avec le bouton droit de la souris sur le nouveau lien et de sélectionner « Inspecter ». La fenêtre de votre navigateur se scinde en deux.

Dans la fenêtre du bas, vous pourrez voir la source HTML de votre Link, qui affichera l’attribut nofollow avec votre lien.

Cette méthode est destinée à ceux qui utilisent WordPress 5.9 ou ultérieurement et qui disposent d’un thème en bloc qui supporte l’éditeur/éditrice de site complet de WordPress.

Dans ce cas, la page Apparence  » Menus ne sera pas disponible pour vous. Au lieu de cela, vous devez naviguer vers la page Apparence  » Éditeurs/éditrices dans votre Tableau de bord WordPress.

Cela ouvrira l’éditeur/éditrices du thème du site complet de WordPress sur votre écran.

WordPress Theme Editor

Ajout d’un nouveau lien au menu de navigation

Si vous devez ajouter un nouvel élément de menu, vous devez cliquer sur le bouton « Ajouter un bloc » (+) dans le coin supérieur gauche de l’écran.

Cela ouvrira le menu des blocs, où vous devrez défiler vers le bas jusqu’à ce que vous localisiez le bloc de liens personnalisés, puis le faire glisser dans votre menu de navigation.

Drag a Custom Link Block Onto the Navigation Menu

Vous pouvez maintenant taper ou coller l’URL. Si vous le souhaitez, vous pouvez également permuter l’option« Ouvrir dans un nouvel onglet » pour ouvrir le lien dans une nouvelle fenêtre. Confirmez ensuite en cliquant sur l’icône « Envoyer » en haut à droite de la fenêtre surgissante pour que les réglages de l’élément de menu soient stockés.

L’URL du lien sera désormais ajouté au menu, mais vous souhaiterez normalement quelque chose de plus descriptif, comme le nom du site. Il suffit de commencer à taper pour renommer l’élément de menu.

Ajout de l’attribut Nofollow à un Link

Maintenant, pour ajouter l’attribut nofollow à un élément de menu, il suffit de cliquer dessus, et une barre d’outils apparaît.

Ensuite, cliquez sur l’icône de lien dans cette barre d’outils. Dans le volet des Réglages à droite, vous devez saisir l’attribut nofollow dans le champ Relation de lien (‘Link rel’).

Type nofollow in the Link Rel Field

Si vous le souhaitez, vous pouvez également ajouter une description et un titre pour le lien et réorganiser les éléments du menu à l’aide des icônes de flèche de la barre d’outils.

Lorsque vous avez terminé, cliquez sur le bouton « Enregistrer » en haut de l’écran. Le nouveau lien personnalisé sera ajouté et vous pourrez visiter votre site pour voir à quoi ressemble désormais votre menu de navigation.

Preview of Nofollow Link in Navigation Menu

Bonus : Ajouter un attribut de titre dans les menus de navigation de WordPress

Outre l’attribut nofollow, vous pouvez également ajouter un attribut title aux liens de votre menu de navigation.

Il s’agit d’un attribut HTML utilisé pour fournir des informations sur un élément, notamment des pages, des publications ou des liens externes. Un attribut title peut être utile pour le référencement de votre site car il peut fournir plus de contenu aux moteurs de recherche.

Pour ajouter cet attribut, visitez la page Apparence  » Menus et déplier l’onglet ‘Options d’écran’ en haut. Cochez ensuite l’option « Attribut de titre ».

Select the Title Attribute option after expanding the Screen Options tab

Ensuite, défilez vers le bas et cliquez sur un élément de menu dans la section de droite pour déplier ses réglages.

Vous remarquerez ici un champ « Attribut du titre » dans lequel vous pouvez ajouter un titre à votre convenance. Une fois que vous avez terminé, cliquez sur le bouton « Enregistrer le menu » pour stocker vos modifications.

Add title attribute for pages on your navigation menu

En savoir plus, vous pouvez consulter notre tutoriel sur l ‘ajout de l’attribut title dans les menus de navigation de WordPress.

Nous espérons que ce tutoriel vous a aidé à apprendre comment ajouter des liens nofollow dans les menus de navigation de WordPress. Vous voudrez peut-être aussi apprendre à créer des flux de travail automatisés sur WordPress avec Uncanny Automator ou consulter notre liste d’astuces pour accélérer les performances de WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

10 commentairesLaisser une réponse

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Tony says

    Hi

    What about on the home page, the menu item is not ‘nofollow’ but on all inner pages it is nofollow. Is this possible?

  3. James says

    I’ve applied this successfully, but can’t see the rel= »nofollow » attribute in the source. Any idea why that would be?

    Thanks,
    James

  4. Vignesh Chandrasekaran says

    Thanks for the article. I was looking at various no follow plugins to see which can cater to this problem.
    I actually have done this of unhiding from screen options long back but had totally forgotten.

    Thanks once again.

  5. Barış Ünver says

    You can also do this automatically with a filter, if you want to apply rel= »nofollow » attributes to all menu items at once:

    <?php
    function menu_rel_nofollow( $atts, $item, $args ) {
    $atts[ 'rel' ] = 'nofollow';
    return $atts;
    }
    add_filter( 'nav_menu_link_attributes', 'menu_rel_nofollow', 10, 3 );
    ?>

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.