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 ouvrir des liens externes dans une nouvelle fenêtre ou un nouvel onglet avec WordPress

La dernière chose que vous souhaitez, c’est que vos internautes cliquent sur un lien vers un autre site et n’y reviennent jamais. C’est pourquoi l’ouverture des liens externes dans une nouvelle fenêtre ou un nouvel onglet est essentielle pour que l’expérience des utilisateurs/utilisatrices soit fluide.

Chez WPBeginner, nous sommes sérieux au sujet de l’engagement de nos lecteurs. Ainsi, nous nous assurons que tous les liens externes sur notre site s’ouvrent dans de nouveaux onglets. Cela permet aux gens d’explorer le lien sans perdre leur place sur notre site, ce qui les autorise à continuer facilement à explorer notre contenu.

Ce guide pour débutants vous affichera comment faire en sorte que les liens externes de votre site WordPress s’ouvrent facilement dans de nouveaux onglets, ce qui stimulera l’engagement des utilisateurs et rendra vos lecteurs heureux.

How to Open External Links in a New Window or Tab With WordPress

Pourquoi ouvrir les liens externes dans une nouvelle fenêtre ou un nouvel onglet ?

Les liens externes sont des liens vers des sites que vous ne possédez pas ou ne contrôlez pas. Normalement, si vous ajoutez un lien vers un site externe, vos internautes quitteront simplement votre site en cliquant sur le lien.

Alors que certains experts en expérience utilisateur affirment qu’il ne faut pas ouvrir les liens externes dans une nouvelle fenêtre ou un nouvel onglet, nous ne sommes pas d’accord.

En effet, la plupart des utilisateurs/utilisatrices oublient facilement le dernier site qu’ils ont visité. Si, en cliquant sur un lien, ils quittent votre site WordPress pour un nouveau site, ils risquent de ne jamais revenir.

Pour une meilleure expérience des utilisateurs, nous recommandons d’ouvrir les liens externes dans une nouvelle fenêtre (dans les anciens navigateurs) ou dans un nouvel onglet (dans les navigateurs modernes). De cette manière, la page web originale n’est pas perdue et les utilisateurs/utilisatrices peuvent reprendre la navigation sur votre site en revenant en arrière.

Un autre avantage de l’ouverture de liens externes dans un nouvel onglet est l’augmentation du nombre de pages vues et de l’engagement des utilisateurs/utilisatrices sur votre site. Les utilisateurs qui passent plus de temps sur votre site sont plus susceptibles de s’inscrire à votre lettre d’information par e-mail, de vous suivre sur les réseaux sociaux, de laisser un commentaire et d’acheter vos produits.

Ceci étant dit, voyons comment ouvrir facilement des liens externes dans une nouvelle fenêtre ou un nouvel onglet dans WordPress. Nous allons couvrir différentes méthodes afin que vous puissiez choisir celle qui vous convient le mieux :

Tutoriel vidéo

Subscribe to WPBeginner

Si vous préférez des instructions écrites, continuez à lire.

L’éditeur de blocs de WordPress dispose d’une fonctionnalité intégrée qui permet d’ouvrir les liens externes dans un nouvel onglet. Dans les versions récentes de WordPress, cette option est visible lors de l’ajout d’un lien.

Il suffit de modifier la publication ou la page du blog où vous souhaitez ajouter un lien externe. Sélectionné ensuite le texte que vous souhaitez lier, puis cliquez sur le bouton  » Link « . Vous pouvez également appuyer sur la touche de raccourci CTRL+K sous Windows ou Command+K sous Mac.

Adding a Link in the Block Editor

Link fait apparaître la fenêtre surgissante d’insertion de liens. Saisissez simplement le lien et appuyez sur « Entrée ».

Ensuite, vous devez permuter l’option « Ouvrir dans un nouvel onglet » sur la position « Activé ».

The Open in New Tab Option in the Block Editor

Le lien s’ouvre alors dans un nouvel onglet.

Si vous utilisez encore l’éditeur classique, nous vous recommandons de commencer à utiliser le nouvel éditeur. Il est moderne, plus rapide et comprend de nombreuses nouvelles fonctionnalités avant que vous ne l’utilisiez.

Toutefois, si vous souhaitez toujours utiliser l’éditeur classique, voici comment ajouter un lien qui s’ouvre dans un nouvel onglet.

Tout d’abord, vous devez modifier la publication ou la page où vous souhaitez ajouter le lien. Ensuite, sélectionnez le texte que vous voulez lier, qui est connu comme le texte d’ancrage. Ensuite, vous pouvez cliquer sur le bouton « Insérer/modifier le lien ».

Add new link in classic editor

Une fenêtre surgissante apparaît pour vous permettre d’ajouter votre lien externe.

Ensuite, cliquez sur l’icône en forme de roue dentée située à côté. Cela fera apparaître la fenêtre surgissante d’insertion avancée de liens.

Open link in new tab using the classic editor

A partir de là, vous devez cocher l’option « Ouvrir le lien dans un nouvel onglet ». Ensuite, vous devez cliquer sur le bouton « Mettre à jour » en bas pour ajouter votre lien.

Parfois, vous devrez écrire du HTML pour ajouter un lien dans WordPress. Par exemple, vous devrez le faire lorsque vous utiliserez le mode HTML dans le nouvel éditeur de blocs ou lorsque vous ajouterez un lien dans un fichier de modèle de thème WordPress.

Vous pouvez ajouter le lien à l’aide d’un code HTML comme suit :

 <a href="http://example.com" target="_blank" rel="noopener">Link Text</a>

Le paramètre target="_blank" de ce code indique aux navigateurs d’ouvrir le Link dans une nouvelle fenêtre ou un nouvel onglet. Remplacez simplement « exemple.com » par l’URL du lien externe et « Link Text » par le texte d’ancrage que vous souhaitez utiliser.

Sur votre site WordPress, vous pouvez ajouter des liens externes dans le menu de navigation de votre site. La manière de procéder dépend de l’utilisation d’un thème traditionnel ou d’un thème bloc.

Ouverture des liens du menu de navigation dans un nouvel onglet pour les thèmes classiques

Pour ouvrir les liens de votre menu sortant dans un nouvel onglet, allez dans Apparence  » Menu depuis votre zone d’administration WordPress.

Cliquez ensuite sur le bouton « Options d’écran » dans le coin supérieur droit de votre écran.

Open screen options

Lorsque vous cliquez sur le bouton, d’autres options s’affichent.

Allez-y et cochez l’option « Cible du lien » sous « Afficher les propriétés avancées du menu ».

Select Link Target option

Vous pouvez ensuite ajouter un lien personnalisé à votre menu de navigation en saisissant l’URL et le texte du lien, puis en cliquant sur le bouton « Ajouter au menu ».

Votre lien personnalisé apparaît désormais dans la colonne Structure du menu. Vous pouvez maintenant sélectionner l’option « Ouvrir le lien dans un nouvel onglet » pour ouvrir votre lien externe dans un autre onglet.

Open external link in a new tab in menu

Une fois que vous avez terminé, cliquez sur le bouton « Enregistrer le menu » en bas de page.

Ouverture des liens du menu de navigation dans un nouvel onglet pour les thèmes de blocs

Si vous utilisez un thème en bloc, vous devez vous rendre dans Apparence  » Thèmes et utiliser l’Éditeur/éditrices de site complet pour ouvrir les liens de votre menu de navigation dans un nouvel onglet.

Vous devez cliquer sur la zone d’en-tête en haut de la page, et l’en-tête sera sélectionné. Cliquez ensuite sur la zone de navigation, juste à gauche du menu. Le menu sera sélectionné et vous devriez voir un signe « + » à la fin du menu où vous pouvez ajouter un nouveau lien.

Select the Navigation Block and Click the + Icon

Conseil : la sélection des blocs dans l’éditeur de site complet peut s’avérer délicate, c’est pourquoi de nombreux utilisateurs trouvent plus facile d’utiliser la vue en liste. Il suffit de cliquer sur l’icône en haut de l’écran, puis de rechercher et de sélectionner le bloc Navigation. Il peut être imbriqué dans d’autres blocs, tels que l’en-tête et le groupe.

Vous devez maintenant cliquer sur l’icône  » +  » pour ouvrir une fenêtre surgissante dans laquelle vous pouvez ajouter un lien. Tapez l’URL dans le champ situé en haut, et assurez-vous de permuter l’option « Ouvrir dans un nouvel onglet » sur la position « Activé ».

Cliquez ensuite sur l’icône « Envoyer » à côté de l’URL pour stocker vos réglages.

Toggle the 'Open In New Tab' Option On

Une fois que vous avez fait cela, n’oubliez pas de cliquer sur le bouton « Enregistrer » en haut de l’écran.

Vérifier manuellement l’option pour chaque lien externe que vous ajoutez peut sembler un travail supplémentaire. Cependant, avec le temps, vous vous y habituerez.

Si vous gérez un blog à auteurs/autrices multiples ou si vous oubliez souvent de faire en sorte que les liens externes s’ouvrent dans un nouvel onglet, vous pouvez utiliser une extension à cet effet.

Tout d’abord, vous devez installer et activer l’extension Ouvrir les liens externes dans une nouvelle fenêtre. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

L’extension fonctionne d’emblée et permet d’ouvrir automatiquement les liens externes dans une nouvelle fenêtre.

Il ne modifie pas réellement les liens externes dans vos publications de blog. Il utilise plutôt JavaScript pour ouvrir les liens externes dans une nouvelle fenêtre.

Note : Désactiver l’extension empêchera les liens externes de s’ouvrir dans une nouvelle fenêtre.

Si vous oubliez souvent de définir les liens externes pour qu’ils s’ouvrent dans un nouvel onglet lorsque vous rédigez des publications de blog, ou si vous voulez un moyen simple de vous assurer que les contributeurs/contributrices respectent vos directives, vous pouvez également utiliser WPCode.

WPCode vous permet d’ajouter facilement et en toute sécurité du code personnalisé dans WordPress et il est livré avec une bibliothèque intégrée d’extraits de code utiles pour personnaliser votre site.

Grâce à cette méthode, vous pouvez ouvrir automatiquement tous les liens externes de vos publications dans un nouvel onglet en quelques clics.

Tout d’abord, vous devez installer et activer l’extension gratuite WPCode. Si vous avez besoin d’aide, vous pouvez suivre notre tutoriel sur l’installation d’une extension WordPress.

Une fois le plugin activé, rendez-vous dans la rubrique Code Snippets  » Bibliothèque du tableau de bord WordPress.

À partir de là, recherchez l’extrait « Ouvrir les liens externes dans un nouvel onglet ». Lorsque vous trouvez l’extrait, survolez-le et cliquez sur le bouton « Utiliser l’extrait ».

Find the snippet for opening external links in a new tab from the library

L’éditeur d’extraits WPCode s’ouvre alors.

Notez que WPCode ajoute automatiquement le code pour vous et sélectionne la méthode d’insertion appropriée.

WPCode automatically adds the code

Ensuite, il vous suffit de faire passer le commutateur en haut de la page de « Inactif » à « Actif » et de cliquer sur le bouton « Mettre à jour ».

Enfin, vous devez cliquer sur le bouton « Mettre à jour » pour stocker et activer l’extrait de code.

Switch the toggle to 'Active' and click the 'Update' button

Voilà, c’est fait. Désormais, tous les liens externes ajoutés dans vos publications WordPress s’ouvriront automatiquement dans un nouvel onglet.

Nous espérons que cet article vous a aidé à apprendre comment ouvrir facilement des liens externes dans une nouvelle fenêtre dans WordPress. Vous pouvez également consulter d’autres articles liés à l’ajout de liens dans WordPress :

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et 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

31 commentairesLaisser une réponse

  1. Ahmed Omar

    good explanation about all the options
    personally I am using plugin, as it is more easy and at the same time I check on the links
    thank you

    • WPBeginner Support

      You’re welcome, glad you found a method you prefer :)

      Administrateur

  2. Jiří Vaněk

    Alternatively, I would also add that for SEO purposes, it’s good to have links on the website with the ‘nofollow’ attribute.

  3. Jordi

    Hi,
    Unfortunately, after the latest Wordpress updates, the option « Open in a new Tab » is not available at the time of inserting the link. You must then edit the link to include that option. Is there a possibility to revert it? Thanks.

    • WPBeginner Support

      You should still be able to add the open in new tab when first adding the link, we would recommend checking to ensure that you don’t have any plugins that may conflict with adding links.

      Administrateur

  4. Esteban

    Hello, in gutenberg once the option is checked it does not work, it is independent of plugins, could it be the theme?

    • WPBeginner Support

      If you’ve disabled all plugins you can try changing themes to see if the issue is from your theme. The other possibility would be if you have a browser addon that is preventing the link from opening in a new window or tab.

      Administrateur

  5. Jennifer Robin Gallery

    I’ve tried both this version, and WP External Links, and neither will open my links in a new tab. I’ve tried to disconnect my wp no right click plugin, and that still didn’t work. Suggestion?

    • WPBeginner Support

      If none of the methods in this article are allowing you to open the link in a new tab, we would recommend checking if you have any browser extensions that may be preventing the links from opening.

      Administrateur

  6. Jeroen van Rensen

    Nice article! I love it!

    • WPBeginner Support

      Thank you :)

      Administrateur

  7. Emily Harvey

    I am using the new editor and despite your excellent article when I click on the ‘open link in new tab’ button I am not sure which symbol indicates whether the link is in a new tab or not. Is it grey or is it green?
    Am I right that if you do nothing the link will not open in a new tab?

    • WPBeginner Support

      It sounds like you may be using a plugin that is modifying the display, normally it would be when the box is filled for it to open in a new tab. If you preview the post you should be able to test which option is working for your site.

      Administrateur

  8. Ikenna John Udeobi

    Thank you for sharing this tip, I would start following these methods from now on

    • WPBeginner Support

      Glad our guide could be helpful :)

      Administrateur

  9. Terry G

    Thank you Scott Swanson for your note. It wasn’t working for me, but when I disabled that plugin, it does. I guess I have to find another protection plugin to see if it’s only that plugin.

  10. Johnbosco gomez

    Greetings. please do you have the one with the feature if someone clicks external link it will take him to new page with click here to continue link? please can you suggest any plugin for this?

  11. may

    I downloaded this but the links still don’t open in a new window or tab.

  12. Scott Swanson

    Will not work with the WP Content Copy Protection & No Right Click plugin

  13. Ben

    How do you open external links (eg advertising) when the person on your blog plays any of the videos?

  14. João Leitão

  15. Clare

    Can anyone tell me how to open a MENU item in a new window? I don’t see an option in the Edit Menus page. I have an external link in a footer menu , that I’d like to open in a new window.

  16. Mike Cavanaugh

    I downloaded the plugin but all my links still open up in my wordpress page.

    On my side bar ads, I want them to open up in a separate page and leave my page open?

    Same for all the links in the « find a professional menu » I want people to go to their links/sites but keep my site open so they will have it in front of them.

    Help please?

    mike

  17. demeyere

    I think it is much easier to just handle this in the jQuery for the whole site… and never worry about it again. (Substitute your own domain name for mine, of course.)

    // open all external links in a new window

    $(« a[href^=’http’] »).not(« [href*=’demeyere.com’] »).attr(‘target’,’_blank’);

    • wpbeginner

      @demeyere Again, the plugin above is not using target _blank to make sure that the site validates with XHTML strict. But yes, your code will do the job as well.FYI for others reading: Now anyone can simply make a plugin and call this snippet in the header. It wouldn’t make any difference in the load time between you manually putting in your header or calling it via a plugin into wp_head() hook.

  18. easyP

    Hi

    In earlier versions of wordpress, you selected the text you wanted to link to and then hit the link icon on the dashboard.

    This opened a field in which you added the link.

    Worked fine.

    In latest wordpress versions, when I select the text and hit the link icon and paste in the link, the link appears at the top of the post – not surrounding the selected text.

    Am I doing something wrong?

    Plugin looks good but I’m trying to cut down on the number that I use.

    • wpbeginner

      @easyP It doesn’t work like that on our site. We are using 3.2.1. We select the text and hit the link icon, and it adds the link where it should. Are you using the Visual Editor or the HTML Editor?Also, any particular reason why you are trying to cut down on the number of plugins that you use?

      • easyP

        @wpbeginner

        Hi boys.

        Number of plugins – trying to cut down because of page load time.

        I love my theme, but it runs like a donkey.

        I use the html editor when writing posts and I’m using wordpress 3.2.1 but when I select the text and hit the link icon – the link forgets the highlighted text and appears at the top of the post / page!

        Any thoughts?

        • wpbeginner

          @easyP If you try to this trick without a plugin, you will end up doing the same thing. The impact of this plugin on your load time is barely noticeable.

        • easyP

          @wpbeginner

          Worth knowing that – thanks boys.

  19. AstroGremlin

    I just installed this plug-in. Kind of a funny name, Open External Links in a New Window, but certainly a great idea. Thanks!

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.