Comment faire un lien vers des liens externes à partir du titre de la publication dans WordPress

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.

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 :

Méthode 1 : Utilisation de l’extension Page Links To (pour les débutants)

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 « .

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é.

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 « .

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.

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 ».

É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.

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

Cliquez sur « Modèles ».

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

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

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

L’éditeur de blocs s’ouvre alors.

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 ».

É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 « .

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 ».

Une nouvelle section de champ personnalisé apparaît.

Vous devez cliquer sur « Saisir nouvelle ».

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é ».

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 :

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.

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.