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 faire un lien vers des liens externes à partir du titre de la publication dans 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 que les titres de vos pages ou publications renvoient à des liens externes dans WordPress ?

Vous souhaitez peut-être rediriger les utilisateurs/utilisatrices de votre site WordPress vers un site ou une page externe lorsqu’ils cliquent sur le titre d’une publication. Cela pourrait être utile si vous utilisez votre site comme un hub pour diriger le trafic vers d’autres contenus.

Bien que WordPress ne le permette pas par défaut, certains de nos lecteurs WPBeginner ont demandé une solution, et nous en avons trouvé quelques-unes pour vous.

Dans cet article, nous allons vous afficher comment faire un lien vers des liens externes à partir du titre de la publication ou de la page dans WordPress.

How to Link to External Links from the Post Title in WordPress

Quand faut-il ajouter des liens dans le titre d’un article WordPress ?

Il existe plusieurs situations où le fait de lier le titre d’un article, d’une page ou d’un type de publication personnalisé de WordPress à une URL personnalisée peut s’avérer utile.

Disons que vous offrez un espace publicitaire sur votre site WordPress qui ressemble à une publication ordinaire. Le titre peut renvoyer au site de l’annonceur au lieu de votre propre contenu, créant ainsi un chemin clair pour les utilisateurs/utilisatrices.

Ou peut-être gérez-vous un site d’agrégation d’actualités mettant en avant votre propre contenu et des articles personnalisés provenant d’autres sources. Idéalement, la section « actualités » de votre page d’accueil devrait automatiquement lier les titres des articles à la bonne destination, qu’il s’agisse de votre propre site ou d’un site externe.

Par ailleurs, votre page d’accueil présente peut-être des produits, mais en cliquant dessus, on est amené à prospecter des pages de produits individuelles. Vous préférerez peut-être lier les titres directement à la page du catalogue de produits de la catégorie pour une vue d’ensemble plus large.

Avec tout cela à l’esprit, voyons comment lier les titres des publications de votre site WordPress à des URL externes. Vous pouvez utiliser ces liens rapides pour naviguer dans le tutoriel :

Cette méthode est parfaite pour les débutants ou tous ceux qui souhaitent une solution simple pour lier le titre de leur publication ou de leur page à une URL externe.

De plus, cette méthode est une excellente option si vous souhaitez que le titre renvoie à des URL personnalisées sur l’ensemble de votre site.

Tout d’abord, vous devez installer l’extension Page Links To. Nous avons un guide utile sur l ‘installation d’un plugin WordPress si vous avez besoin d’une étape par étape.

Une fois le plugin installé et activé, ouvrez un nouvel article, une nouvelle page ou un nouveau type de publication personnalisé, ou modifiez un article existant à l’aide de l’éditeur de blocs. Vous verrez maintenant un nouvel onglet intitulé « Page Links To » dans la colonne latérale des Réglages de la publication.

Consultez cette page, vous y verrez deux options :  » Son URL WordPress normale  » (le défaut) et  » Une URL personnalisée  » Puisque nous voulons créer un lien vers un site externe, choisissez  » Une URL personnalisée « .

Using the Page Links To plugin in the block editor

Il vous suffit maintenant de coller l’URL externe complète (y compris le https://) dans le champ « Links To ». Par exemple, si vous créez un lien vers le site WPForms, vous saisirez « https://wpforms.com ».

Il y a également une case à cocher pour « Ouvrir dans un nouvel onglet » si vous voulez que les internautes qui visitent le site externe gardent votre page ouverte dans l’onglet d’origine lorsqu’ils cliquent sur le titre. Cochez cette case si nécessaire.

Enfin, cliquez sur « Mettre à jour » ou « Publier » pour enregistrer vos modifications.

Si vous vous rendez sur la page de votre blog WordPress, la page d’accueil, la page d’archives ou tout autre endroit où le titre de votre publication ou de votre page est affiché sous forme d’extrait, vous pouvez essayer de survoler le titre.

Vous verrez qu’il y a maintenant un lien vers l’URL externe que vous avez spécifié.

Successfully adding an external link to a post title using the Page Links To plugin

Méthode 2 : Outil de personnalisation (plus de contrôle)

Cette méthode est idéale pour les utilisateurs/utilisatrices à l’aise avec le code et les personnes qui souhaitent avoir plus de contrôle sur les pages dont les titres de leurs publications renvoient à une URL différente.

Par exemple, vous pouvez vouloir que le titre de l’article renvoie à une URL externe s’il est vu dans le Modèle de publication unique, mais pas lorsqu’il apparaît sur la page d’accueil ou les pages d’archives.

Pour sécuriser les choses, nous utiliserons WPCode au lieu de modifier directement les fichiers du thème. Cette extension sécurise l’insertion de code personnalisé dans WordPress, car elle peut vous éviter de casser votre site en cas d’erreur dans le code.

Vous pouvez consulter notre Avis sur l’extension WPCode pour en savoir plus.

Étape 1 : Installer et configurer WPCode

Tout d’abord, vous devez installer et activer l’extension WPCode. Nous avons un guide sur l ‘installation d’une extension WordPress si vous avez besoin d’aide à ce sujet.

Une fois activé, naviguez jusqu’à Extraits de code  » + Ajouter un extrait. Choisissez  » Ajouter votre code personnalisé (nouvel extrait)  » et cliquez sur le bouton  » Utiliser l’extrait « .

Adding custom code in WPCode

Modifiez ensuite le « Type de code » de « Extrait HTML » à « Extrait PHP ».

Donnez à votre extrait un nom clair, comme « Liens externes à partir des titres de publication », afin de pouvoir l’identifier ultérieurement.

Creating a new WPCode code snippet for linking to external links from post titles

Choisissez maintenant l’un des extraits de code suivants :

Option 1 : Faire en sorte que tous les titres des publications renvoient à des URL externes

Cet extrait de code modifiera l’URL des titres de vos publications à différents Emplacements de votre site, y compris les publications uniques, la page d’accueil et les pages d’archives.

Le code vérifie s’il s’agit d’une page de publication unique, d’une page d’accueil, d’une page de garde ou d’une page d’archive. Si c’est le cas et que vous avez défini une URL personnalisée à l’aide des étapes mentionnées ultérieurement, le code utilisera cette URL au lieu du permalien par défaut.

Nous ajouterons un champ personnalisé nommé ‘custom_url’ dans l’éditeur de blocs à l’étape suivante pour spécifier l’URL externe de chaque publication.

// Change post title URL for single post pages and homepage/front page
add_filter('post_link', 'check_for_custom_url', 10, 3);
function check_for_custom_url($permalink, $post, $leavename) {
$custom = false;
// Check if it's a single post page
if (is_single()) {
$custom = get_post_meta($post->ID, 'custom_url', true);
}
// Check if it's the homepage, front page, or archive pages
elseif (is_home() || is_front_page() || is_category() || is_tag() || is_archive()) {
$custom = get_post_meta($post->ID, 'custom_url', true);
}
// Return the custom URL if set, otherwise return the default permalink
return ($custom) ? esc_url($custom) : $permalink;
}

Supposons que vous souhaitiez que ce code s’exécute uniquement sur la page d’accueil, mais pas sur les pages d’archives.

Ensuite, vous pouvez simplement retirer le code qui dit is_category(), is_tag(), ou is_archive(), comme ceci :

// Change post title URL for single post pages and homepage/front page
add_filter('post_link', 'check_for_custom_url', 10, 3);
function check_for_custom_url($permalink, $post, $leavename) {
$custom = false;
// Check if it's a single post page
if (is_single()) {
$custom = get_post_meta($post->ID, 'custom_url', true);
}
// Check if it's the homepage, front page, or archive pages
elseif (is_home() || is_front_page()) {
$custom = get_post_meta($post->ID, 'custom_url', true);
}
// Return the custom URL if set, otherwise return the default permalink
return ($custom) ? esc_url($custom) : $permalink;
}

Option 2 : Faire en sorte que les titres des publications dans les modèles de publication unique renvoient à des URL externes

Ce code est utile si vous souhaitez que seul le titre de l’article dans le modèle de publication unique renvoie à des URL externes, et non ceux d’autres pages comme la page d’accueil, les pages d’archives, etc.

De cette façon, l’utilisateur peut toujours visiter la publication du blog et la lire, mais il peut également cliquer sur le titre de la publication pour consulter une autre ressource.

Le site d’un podcast en est un exemple. Vous pourriez utiliser votre site pour publier les résumés ou les transcriptions des épisodes, mais héberger l’audio sur Spotify. Avec cette méthode, vous pouvez publier vos épisodes de podcast sur votre site mais diriger les internautes vers Spotify lorsqu’ils cliquent sur le titre de la publication.

Le code ci-dessous vérifie si la demande actuelle concerne une publication unique. Si c’est le cas et que vous avez défini une URL personnalisée à l’aide du champ personnalisé, cette URL sera utilisée dans le titre de la publication :

// Hook into the 'post_link' filter to modify the permalink of a post.
add_filter('post_link', 'check_for_custom_url', 10, 3);
// Define the callback function for the 'post_link' filter.
function check_for_custom_url($permalink, $post, $leavename) {
// Check if the current request is for a single post.
if (is_single()) {
// Retrieve the value of the 'custom_url' custom field for the current post.
$custom = get_post_meta($post->ID, 'custom_url', true);
// If the custom field has a value, use it as the permalink. Otherwise, use the default permalink.
return ($custom) ? esc_url($custom) : $permalink;
} else {
// If the current request is not for a single post, return the default permalink.
return $permalink;
}
}

Une fois l’extrait de code collé, défilez vers le bas jusqu’à la section « Insertion ». Confirmez que la méthode d’insertion est définie sur « Insertion automatique » et que l’Emplacement est défini sur « Exécuter partout ».

Enfin, activez l’extrait à l’aide du commutateur et cliquez sur « Enregistrer l’extrait ».

Choosing the insertion method and location in WPCode

Étape par 2 : Activer les liens dans les titres (utilisateurs/utilisatrices du thème Block uniquement)

Si vous utilisez un thème en bloc, vous devez effectuer une étape supplémentaire pour vous assurer que le code fonctionne.

Tout d’abord, allez dans Apparence  » Éditeurs/éditrices pour ouvrir l’Éditeur de site complet.

Selecting the Full-Site Editor from the WordPress admin panel

Vous verrez maintenant quelques options pour modifier le thème de votre bloc.

Cliquez sur « Modèles ».

Opening the Templates menu in full-site editor

À ce stade, localisez le modèle « Publications uniques ».

Une fois que vous l’avez trouvé, cliquez dessus.

Opening the Single Posts template in the full-site editor

Cliquez ensuite sur l’icône « Modifier ».

L’éditeur de blocs s’ouvre alors.

Editing the Single Posts template in the full-site editor

Une fois dans l’éditeur, cliquez sur le bloc « Titre ».

Dans la colonne latérale Réglages du bloc, activez l’option « Faire du titre un lien » et l’option facultative « Ouvrir dans un nouvel onglet ». Ne remplissez pas le champ « Link Rel ».

Cliquez ensuite sur « Enregistrer ».

Enabling linking in post titles in the block editor

Étape 3 : Ajouter un nouveau champ personnalisé

Ajoutons maintenant le champ personnalisé ‘custom_url’ dans l’éditeur/éditrices de blocs.

Dans l’éditeur, cliquez sur le menu à trois points dans le coin supérieur droit de l’éditeur de blocs et sélectionnez  » Préférences « .

Opening the Preferences menu in the block editor

Allez dans l’onglet « Général ».

Ensuite, défilez vers le bas jusqu’à « Champs personnalisés ». Activez-les et actualisez votre page en cliquant sur « Afficher et recharger la page ».

Enabling custom fields in the block editor

Une nouvelle section de champ personnalisé apparaît.

Vous devez cliquer sur « Saisir nouvelle ».

Creating a new custom field in the block editor

Dans la section « Ajouter de nouveaux champs personnalisés », saisissez « custom_url » ou le champ personnalisé que vous avez spécifié dans le code plus haut dans le champ Libellé.

Dans le champ « Valeur », collez l’URL externe vers laquelle vous souhaitez créer un lien. Cliquez ensuite sur « Ajouter un champ personnalisé ».

Adding a new custom field in the block editor

Il vous suffit ensuite de cliquer sur « Mettre à jour » ou « Publier » pour que vos modifications soient directes.

Enfin, visitez votre site pour voir si le code fonctionne. Vous pouvez survoler le titre de votre publication ou utiliser l’outil Inspecter pour vérifier.

Voici à quoi devrait ressembler l’URL du titre de la publication si vous utilisez le code de l’option 2 :

An example of an external link successfully added to post titles with WPCode

L’ajout de liens externes dans les titres des publications a-t-il une incidence sur le référencement ?

L’ajout de liens externes directement dans les titres de vos publications n’a qu’un impact minime sur l’optimisation pour les moteurs de recherche (SEO).

Cependant, il y a quelques points à prendre en considération. Lorsque vous créez un lien vers un autre site, vous indiquez essentiellement aux moteurs de recherche que l’autre site pourrait être une bonne source d’information. Il se peut qu’une partie de votre « jus de lien » soit transférée au site externe, mais il s’agit généralement d’une petite quantité.

Cela dit, si vos titres contiennent de nombreux liens externes, ils risquent de dérouter les utilisateurs/utilisatrices ou de leur donner l’impression qu’ils quittent immédiatement votre site.

Si vous souhaitez toujours utiliser des liens externes dans vos titres, nous vous recommandons de le faire uniquement lorsque le site externe apporte une réelle valeur ajoutée à votre contenu, qu’il est de grande qualité et qu’il est très pertinent pour votre public.

Vous pouvez également ajouter l’attribut « nofollow » à vos liens externes dans le code de titre. Cet attribut indique aux moteurs de recherche de ne pas suivre ces liens à des fins de classement.

En revanche, si vous lisez ce tutoriel pour diriger les utilisateurs/utilisatrices de votre ancien site vers votre nouveau, vous devriez plutôt envisager d’utiliser des redirections.

Les redirections indiquent aux moteurs de recherche (et aux utilisateurs/utilisatrices) qu’une page particulière a été définitivement déplacée vers un nouvel emplacement. Cela peut être bénéfique pour le référencement de WordPress car le jus des liens de votre page originale sera transféré vers le nouvel emplacement.

All in One SEO (AIOSEO) est une extension WordPress qui peut vous aider à le faire. Son interface conviviale permet de définir facilement des redirections pour des publications ou des pages spécifiques. Aucun code n’est nécessaire, ce qui rend cette extension adaptée aux débutants.

All in One SEO Redirects Tab

Vous pouvez en savoir plus sur le Sujet dans notre guide du débutant pour configurer les redirections 301.

Nous espérons que cet article vous a aidé à apprendre comment créer des liens externes à partir du titre de la publication dans WordPress. Vous pouvez également consulter notre guide ultime sur les liens internes et notre sélection d’experts sur les extensions WordPress indispensables pour développer votre site.

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

22 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. John says

    Will this work on images relating to the post titles as well? So clicking on either image or post title takes you to the page on the external site?

  3. Alessandro says

    is there a way to link post titles to custom links, but only if they are present in one page (so not for the whole site)?

    Example: search results page of plugins like search & filter or toolset

  4. Kam says

    Thank you. This is really helpful. Would this plugin work for automated RSS feeds? i.e. for aggregator sites? I’m assuming no, as the titles are constantly changing. I’m trying to take the user to the original source with one click on the title.

    • WPBeginner Support says

      You would want to reach out to the support for the aggregator tool you are using for the options you have available.

      Administrateur

  5. mostafa says

    Thank you for this tutorial. It helped me a lot but how to use this for cpt (in my case a testimonial) and open the link in a new tab . Thank you.

  6. mehmet says

    Thank you for useful information.
    My English is a little bad.
    I want to use this kind of plugin on my site
    But the bold type in the text will be automatically linked to the text.
    Links to other posts within the site
    Is there such an extension?

  7. Tammy says

    Is there a way to require the external url to be unique? I’m using wp-directory and would love to be able to make this custom field « unique required »

  8. Melch Wanga says

    Its a good post indeed. In response to Toni, in my case I am developing a website for film production company and I have « Equipment Hire » as a services in ‘service’ custom post type. Equipment Hire is quite huge and I am using WooCommerce to add the various equipment hence I have Shop page that lists all the equipment available for hire. The trick is to ensure that whenever a user clicks on « Equipment Hire » service, they are directed to the Page set as the Shop page instead of the default Equipment Hire single post page.

  9. Palashtd says

    Recently I have started blogging.
    I could think how to add External Links from the Post Title. But finally I got an awesome tip from this post. I have tested by following this tutorial. I am happy to get these tips because it’s working for me.
    Thanks for sharing this information.

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.