Souhaitez-vous ajouter une icône de lien externe à votre site WordPress ?
En marquant clairement vos URL externes, vous pouvez garder les gens sur votre site plus longtemps et indiquer clairement que cliquer sur un lien particulier ouvrira une nouvelle fenêtre ou un nouvel onglet.
Dans cet article, nous allons vous montrer comment ajouter une icône de lien externe à WordPress.
Une icône de lien externe est une petite image qui apparaît à côté d’un lien qui dirigera l’utilisateur vers un autre site Web.
Par exemple, vous pouvez faire défiler vers le bas de n'importe quel article Wikipédia et constater que la plupart des liens de la section Références ont une icône de lien externe.
En utilisant des icônes de liens externes sur 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 lien externe pour indiquer clairement que le lien s'ouvrira dans une nouvelle fenêtre ou un nouvel onglet.
Ces icônes peuvent garder les visiteurs sur votre site plus longtemps et augmenter vos pages vues car il y a moins de risque qu'ils cliquent sur un lien externe et quittent votre site Web par accident.
Cela étant dit, voyons comment ajouter une icône de lien externe à votre site WordPress.
Le moyen le plus simple d’ajouter une icône de lien externe à votre site Web consiste à utiliser WP External Links.
Vous pouvez utiliser ce plugin pour ajouter automatiquement différentes images, Dashicons et 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, veuillez consulter notre guide sur la façon d'installer un plugin WordPress.
Après cela, cliquez simplement sur le nouveau paramètre Liens externes WP dans le menu de gauche.
Si vous obtenez une fenêtre contextuelle vous demandant de mettre à niveau, vous pouvez simplement cliquer n'importe où en dehors de la fenêtre contextuelle pour la fermer.
Comme vous pouvez le constater, le plugin peut faire bien plus que simplement ajouter une icône de lien externe à votre site. Par exemple, il peut ajouter automatiquement du nofollow à tous les liens externes 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 la liste déroulante « Ouvrir les liens externes » et cliquez sur « chacune dans une nouvelle fenêtre ou un nouvel onglet distinct ».
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 les URL externes que vous avez précédemment ajoutées à votre site Web. Cela offrira une expérience plus cohérente à vos utilisateurs, c'est donc une bonne idée de continuer et de cliquer sur la case « Écraser les valeurs existantes ».
Une fois cela fait, 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’endroit où il est indiqué « aucune icône » pour ouvrir la liste déroulante.
Vos options sont Image, Font Awesome ou Dashicon.
Font Awesome et Dashicon sont tous deux livrés avec une seule icône en forme 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.
Il s'agit de l'icône exacte que de nombreux sites Web utilisent pour leurs liens externes, de sorte que la plupart des visiteurs comprendront ce que signifie l'icône en forme de boîte avec une flèche.
Cependant, « Image » vous permet de choisir entre plusieurs icônes en forme de boîte avec flèche, dont certaines ont un style et une couleur légèrement différents.
Dans l’image suivante, vous pouvez voir un exemple de l’apparence d’une icône colorée en forme de boîte avec une flèche sur votre site Web WordPress.
Si vous souhaitez ajouter une icône colorée à votre site, vous devrez sélectionner « Image » dans la liste déroulante « Choisir le type d'icône ».
Vous pouvez ensuite cliquer sur celui que vous souhaitez utiliser pour vos liens externes.
Une fois que vous avez fait cela, ouvrez la liste déroulante « Position de l’icône ».
Ici, choisissez si l'icône apparaîtra sur le « Côté droit du lien » ou sur le « Côté gauche du lien ». La plupart des sites Web affichent l'icône externe à droite du lien.
Souhaitez-vous plutôt utiliser l'icône de boîte bleue avec flèche standard ?
Ensuite, vous pouvez ouvrir la liste déroulante « 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 en forme de boîte avec 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 en forme de boîte avec une flèche, car davantage de personnes la reconnaîtront comme une icône de lien externe.
Après avoir cliqué sur le Font Awesome ou le Dashicon que vous souhaitez utiliser, vous pouvez spécifier s'il 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 ensuite automatiquement l’icône à toutes les URL externes de votre site.
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 sur les moyens éprouvés de gagner de l’argent en bloguant en ligne et sur la façon de suivre les visiteurs de votre site WordPress.
Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.