Comment ajouter une icône de lien externe sur votre site WordPress

Une navigation claire est le fondement d'une excellente expérience utilisateur sur un site web. Lorsque les visiteurs comprennent facilement où chaque lien les mènera, ils se sentent plus en confiance pour explorer votre contenu.

Les icônes de lien externe rendent cela possible en fournissant un retour visuel instantané sur les liens sortants.

Ces minuscules indicateurs aident les visiteurs à prendre des décisions éclairées concernant leur parcours de navigation, créant une expérience plus fluide et plus professionnelle.

Après avoir observé d'innombrables propriétaires de sites WordPress ajouter cette fonctionnalité, nous avons constaté à quel point ces petits détails peuvent faire une grande différence dans la satisfaction des utilisateurs.

Prêt à améliorer la navigation de votre site ? Nous vous guiderons à travers notre méthode éprouvée pour ajouter des icônes de lien externe à votre site WordPress.

Pourquoi ajouter des icônes de lien externe à WordPress ?

Une icône de lien externe est une petite image qui apparaît à côté d'un lien qui mènera l'utilisateur vers un autre site web.

Par exemple, vous pouvez faire défiler jusqu'en bas de n'importe quel article Wikipédia et constater que la plupart des liens dans la section Références ont une icône de lien externe.

En ajoutant des liens avec des icônes à votre blog WordPress, vos visiteurs pourront facilement faire la différence entre les liens sortants et les liens internes. De nombreux sites utilisent également des icônes de liens externes pour indiquer clairement que le lien s'ouvrira dans une nouvelle fenêtre ou un nouvel onglet.

Ces icônes peuvent inciter les visiteurs à rester plus longtemps sur votre site et à augmenter vos pages vues, car il y a moins de risques qu'ils cliquent accidentellement sur un lien externe et quittent votre site web.

Cela étant dit, voyons comment vous pouvez personnaliser vos liens externes et ajouter des icônes à côté d'eux sur votre site WordPress.

Comment ajouter des icônes de liens externes dans WordPress

La façon la plus simple d'ajouter des icônes de liens sur votre site web est d'utiliser WP External Links.

Vous pouvez utiliser ce plugin pour ajouter automatiquement différentes images, Dashicons et des icônes Font Awesome à vos liens externes.

Tout d'abord, vous devrez installer et activer le plugin WP External Links. Si vous avez besoin d'aide, consultez notre guide sur comment installer un plugin WordPress.

Après cela, cliquez simplement sur le nouveau réglage WP External Links dans le menu de gauche.

Si une fenêtre contextuelle vous demande de mettre à niveau, vous pouvez simplement cliquer n'importe où en dehors de la fenêtre contextuelle pour la fermer.

Comme vous pouvez le voir, le plugin peut faire bien plus que simplement ajouter une icône de lien externe à votre site. Par exemple, il peut automatiquement transformer tous vos liens externes en liens nofollow dans WordPress.

WP External Links peut également garder les gens sur votre site en ouvrant tous les liens externes dans une nouvelle fenêtre ou un nouvel onglet.

Nous recommandons d'activer cette fonctionnalité car de nombreux utilisateurs supposent que les liens avec une icône de lien externe s'ouvriront de toute façon dans une nouvelle fenêtre ou un nouvel onglet.

Pour ouvrir toutes les URL externes dans une nouvelle fenêtre ou un nouvel onglet, ouvrez le menu déroulant « Ouvrir les liens externes » et cliquez sur « chacun dans une fenêtre ou un onglet séparé ».

Par défaut, WP External Links appliquera cette règle à chaque nouveau lien externe que vous créez.

Cependant, il peut également analyser votre site et modifier toutes les URL externes que vous avez précédemment ajoutées à votre site Web.

Cela offrira une expérience plus cohérente à vos utilisateurs, il est donc judicieux de cliquer sur la case « Écraser les valeurs existantes ».

Une fois que vous avez fait cela, vous êtes prêt à créer une icône pour vos liens externes. Pour commencer, faites défiler jusqu'à la section « Choisir le type d'icône ».

Vous pouvez maintenant cliquer là où il est indiqué « aucune icône » pour ouvrir le menu déroulant.

Vos options sont Image, Font Awesome ou Dashicon.

Font Awesome et Dashicon sont tous deux livrés avec une seule icône de boîte avec une flèche que vous pouvez utiliser comme icône de lien externe.

Cette icône apparaîtra toujours en bleu sur votre site, comme vous pouvez le voir dans l'image suivante.

C'est l'icône exacte que de nombreux sites Web utilisent pour leurs liens externes, donc la plupart des visiteurs comprendront ce que signifie l'icône de boîte avec une flèche.

Cependant, « Image » vous permet de choisir entre plusieurs icônes de boîte avec une flèche, y compris certaines qui ont un style et une couleur légèrement différents.

Dans l'image suivante, vous pouvez voir un exemple de la façon dont une icône de boîte avec une flèche colorée apparaîtra sur votre site WordPress.

Si vous souhaitez ajouter un bouton de lien coloré à votre site, vous devrez sélectionner « Image » dans le menu déroulant « Choisir le type d'icône ».

Vous pouvez ensuite cliquer sur celle que vous souhaitez utiliser pour vos liens externes. Assurez-vous que l'icône s'accorde bien avec votre thème WordPress.

Une fois que vous avez fait cela, ouvrez le menu déroulant « Position de l'icône ».

Ici, choisissez si l'icône apparaîtra sur le « Côté droit du lien » ou le « Côté gauche du lien ». La plupart des sites Web affichent l'icône externe à droite du lien.

Voulez-vous utiliser l'icône standard de boîte avec une flèche bleue à la place ?

Vous pouvez alors ouvrir le menu déroulant « Choisir le type d'icône » et cliquer sur « Font Awesome » ou « Dashicon » à la place.

Ensuite, ouvrez le menu déroulant à côté de « Choisir Dashicon » ou « Choisir FA », puis cliquez sur l'icône de la boîte avec une flèche.

Remarque : Font Awesome et Dashicons vous donnent accès à des dizaines d'autres icônes. Cependant, nous vous recommandons d'utiliser l'icône de la boîte avec une flèche, car plus de gens la reconnaîtront comme une icône de lien externe.

Après avoir cliqué sur l'icône Font Awesome ou Dashicon que vous souhaitez utiliser, vous pouvez spécifier si elle doit apparaître à droite ou à gauche du lien en suivant exactement le même processus décrit ci-dessus.

Lorsque vous êtes satisfait de l'icône de lien externe que vous avez choisie, cliquez simplement sur « Enregistrer les modifications ».

Le plugin ajoutera alors automatiquement les icônes de lien à toutes les URL externes de votre site.

Apprenez-en plus sur les astuces et conseils pour personnaliser votre site WordPress

Si vous avez aimé cet article sur la personnalisation des icônes de liens externes, vous trouverez peut-être les conseils suivants utiles.

Par exemple, les notes de bas de page sont un excellent moyen de fournir des informations supplémentaires ou des citations sans perturber le flux de votre texte. Nous avons un guide utile sur comment ajouter des notes de bas de page simples et élégantes dans WordPress pour vous montrer comment.

Par ailleurs, avez-vous envisagé de personnaliser l'apparence de vos liens ? Changer la couleur de vos liens peut les aider à se démarquer du texte environnant et à les rendre plus attrayants visuellement.

De plus, la mise en surbrillance de texte est un excellent moyen d'attirer l'attention de vos lecteurs sur des informations importantes. Nous avons un guide utile sur comment mettre en surbrillance du texte dans WordPress pour vous montrer différentes méthodes que vous pouvez utiliser.

Vous cherchez à ajouter une touche d'élégance à vos articles de blog ? Les lettres capitales sont de grandes lettres décoratives utilisées au début d'un paragraphe. Elles peuvent ajouter un aspect unique et stylé à votre contenu.

Enfin, l'amélioration de la navigation de votre site web peut considérablement améliorer l'expérience utilisateur. La navigation fil d'Ariane affiche l'emplacement d'un utilisateur dans la hiérarchie de votre site, ce qui lui permet de s'y retrouver plus facilement.

FAQ : Ajouter des icônes de lien externe dans WordPress

Voici quelques questions fréquemment posées par nos lecteurs concernant l'ajout d'une icône de lien externe à votre site WordPress :

Les icônes de liens externes affectent-elles le SEO ?

Non, les icônes de liens externes elles-mêmes n'affectent pas directement votre SEO. Ce sont simplement des améliorations visuelles qui améliorent l'expérience utilisateur.

Cependant, la manière dont vous gérez les liens externes peut avoir un impact significatif sur le SEO. Par exemple :

• Ouvrir les liens dans un nouvel onglet (target="_blank") empêche les utilisateurs de quitter votre site.
• L'ajout des attributs rel="nofollow" ou rel="sponsored" peut aider à gérer l'équité des liens, en particulier pour les liens d'affiliation.
• L'utilisation d'icônes permet aux utilisateurs d'identifier plus facilement les liens tiers, ce qui peut réduire les taux de rebond si votre site semble plus digne de confiance.

Ainsi, bien que les icônes ne soient pas un facteur de classement, le comportement des utilisateurs qu'elles soutiennent peut contribuer à un meilleur engagement.

L'ajout d'une icône aux liens externes ralentira-t-il mon site web ?

Pas nécessairement. Si vous utilisez un plugin léger comme WP External Links ou si vous ajoutez l'icône avec du CSS, l'impact sur les performances est minime. Soyez simplement attentif à quelques points :

• Évitez d'utiliser des icônes d'image volumineuses ou non optimisées. Utilisez plutôt des SVG ou des polices d'icônes comme Font Awesome.
• Ne chargez pas une bibliothèque d'icônes entière juste pour une seule icône de lien externe — c'est excessif.
• Les plugins avec plusieurs fonctionnalités (comme la surveillance des liens, la redirection, etc.) peuvent être plus lourds, alors choisissez-en un axé uniquement sur les icônes de liens si la vitesse est une préoccupation.

Tous ces conseils aideront à garantir que les icônes de liens externes n'affectent pas la vitesse de votre site.

Dois-je afficher des icônes de liens externes sur tous les liens externes ?

Pas toujours. Vous pourriez vouloir omettre l'icône dans certains cas, par exemple :

• Dans les menus ou les pieds de page, où l'espace est limité
• Sur les icônes des réseaux sociaux, où c'est déjà évident
• Si l'icône ne correspond pas au design de votre site

De nombreux plugins vous permettent d'exclure certains liens en utilisant des classes ou par nom de domaine. Par exemple, vous pouvez exclure les liens vers YouTube ou vos propres partenaires de marque tout en affichant des icônes pour le reste. Tout est une question de contexte : utilisez des icônes là où elles aident à clarifier l'expérience utilisateur.

Nous espérons que cet article vous a aidé à apprendre comment ajouter une icône de lien externe à votre site WordPress. Vous pouvez également consulter notre guide complet sur les éléments de conception les plus efficaces pour un site WordPress et nos sélections d'experts des meilleurs constructeurs de pages glisser-déposer pour WordPress.

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.