Le favicon peut sembler être un détail, mais c’est un élément important à ne pas négliger lors de la construction de votre site web. Il s’agit d’une petite icône visible dans l’onglet du navigateur, juste à côté du titre du site web.
Les avantages d’utiliser un favicon sont nombreux, aussi bien pour le référencement web (SEO) que pour le développement de la confiance des visiteurs.
Objectifs
Le but de cet article est de vous aider à ajouter un favicon WordPress avec facilité via 3 méthodes possibles.
Prérequis
Dans cet article, vous serez amené à ajouter un favicon WordPress à votre site web. Vous aurez donc besoin d’avoir certaines connaissances dans l’utilisation de WordPress.
Cela implique en conséquence que vous devez disposer d’un site WordPress actif avec accès à son tableau de bord. Vous devez également savoir manipuler les plugins WordPress.
Une solution clés en main pour créer un site WordPress ?
LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.
Ajouter un favicon WordPress via WordPress Customizer
Avec WordPress, vous avez la possibilité d’ajouter un favicon depuis votre espace de travail. Cela a été ainsi depuis la version 4.3 du CMS WordPress. Nous allons vous guider pas-à-pas à le faire facilement.
Tout d’abord, accédez à votre dashbord, et rendez-vous dans la section « Apparence ». Après cela, cliquez sur « Personnaliser », afin de choisir l’identité du site.
L’identité du site se présente comme l’indique cette capture :
Après cette étape, appuyez sur « Sélectionner une image ». Vous allez trouver cette option sous la partie Icône du site.
Avant tout cela, vous devriez déjà procéder au téléchargement de votre favicon.
Vous pouvez maintenant importer votre favicon.
Après cela, vous aurez la possibilité d’appuyer sur le bouton « Publier » pour enregistrer la modification.
Si vous suivez ces étapes, le favicon que vous avez choisi doit normalement apparaître à côté de votre site web.
Vous avez même la possibilité de le configurer sur un appareil mobile. Pour le faire, allez sur le site web avec un appareil mobile. Une fois sur le site, utilisez l’option « Ajouter à l’écran d’accueil ». 😎
Ajouter un favicon WordPress avec un plugin
Le plugin que nous allons utiliser ici s’appelle Favicon by RealFaviconGenerator. Vous allez donc procéder à l’installation de ce plugin, et à son activation. Pour cela, vous pouvez utiliser la méthode d’installation et d’activation habituelle des plugins dans WordPress. Cette méthode consiste à taper le nom du plugin dans la rubrique « Extensions » et à valider. Vous pourrez donc l’installer, et ensuite l’activer pour pouvoir l’utiliser.
Rendez-vous ensuite dans la section « Apparence », appuyez sur « Favicon ».
Sur la page suivante, cliquez sur « Générer le favicon ».
Après cette étape, vous aurez maintenant la possibilité de charger une image en tant que favicon pour votre site web.
Poursuivez les étapes jusqu’à la dernière qui se présente comme suit :
Vous venez ainsi d’ajouter un favicon WordPress à votre site web. 😎
Ajouter manuellement un favicon WordPress à un site
La dernière méthode pour ajouter un favicon WordPress consiste à le faire manuellement. Vous devrez ajouter du code dans WordPress.
Vous devez disposer d’un gestionnaire de fichiers, ou d’un client FTP. Là, vous devez localiser le chemin /wp-content/themes/your-theme afin d’y télécharger votre favicon. Il est conseillé de le placer dans un sous-dossier type Assets.
Ensuite, vous devez localiser le fichier function.php. Dans un fichier, nous allons ajouter du code. Le code à insérer est le suivant :
fonction favicon ()
{
echo '<link rel="shortcut icon" type="image/png" href="' . get_template_directory_uri () . '/assets/favicon.png" />' ;
}
action ('wp_head' , 'favicon') ;
La ligne qui contient le href est celle qui indique le chemin du fichier. Vous devez donc vous assurer que c’est le bon chemin que vous avez mis. Si le fichier que vous utilisez à l’extension .ico, c’est ce code que vous devez insérer.
fonction favicon ()
{
echo '<link rel="shortcut icon" type="image/png" href="' . get_template_directory_uri () . '/assets/favicon.ico" />' ;
}
action ('wp_head' , 'avicon') ;
Après toutes ces étapes, vous venez d’ajouter un favicon WordPress, avec la méthode manuelle. 😎
Conclusion
Vous savez maintenant comment ajouter un favicon sur WordPress ! 😀
Un favicon représente l’identité de votre site Web. Il n’occupe peut-être qu’une petite place sur votre site, mais ce petit détail joue un rôle particulier dans l’amélioration de la reconnaissance de votre marque et de l’expérience utilisateur.
Vous avez des remarques vis-à-vis de ce guide ou souhaitez obtenir une aide complémentaire ? N’hésitez pas à nous contacter via la section Commentaires !