Une favicon est une petite image qui s’affiche à côté du titre de votre site web dans les onglets de votre navigateur. L’objectif d’une favicon est de vous aider à identifier le site Web que vous consultez et de permettre aux utilisateurs de reconnaître instantanément une marque.
La reconnaissance de la marque est essentielle pour toute entreprise et permet d’instaurer la confiance au sein de votre public. L’une des erreurs les plus courantes de WordPress est de ne pas ajouter un favicon.
Dans cet article, nous allons vous montrer comment ajouter un favicon à votre site WordPress, en quelques étapes faciles. Nous vous expliquerons également pourquoi il est bon d’afficher un favicon et comment cela peut profiter à votre site.
Table des matières
Pourquoi vous avez besoin d'un Favicon sur votre site WordPress
Une favicon établit l’identité de la marque. Il rend également votre site plus facile à utiliser et offre une meilleure expérience utilisateur.
Au fur et à mesure que vous ajoutez des onglets à votre navigateur Internet, le titre du site Web devient plus petit et peut finir par disparaître si vous avez de nombreux onglets ouverts. La favicon de votre site Web aide les utilisateurs à identifier rapidement votre site, ce qui leur permet de passer rapidement à l’onglet qu’ils souhaitent consulter.
Si vos utilisateurs ajoutent votre site web à l’écran d’accueil de leur smartphone ou de leur appareil mobile, votre favicon s’affichera ici, et ressemblera davantage à une application si vous avez un favicon.
Comment créer un favicon
De nombreuses entreprises ont tendance à utiliser le logo de leur marque comme favicon. Pour WordPress, l’icône de site recommandée est d’au moins 512 pixels x 512 pixels. L’image de l’icône du site doit être un carré, et non un rectangle. Vous pouvez toutefois utiliser un rectangle, mais WordPress vous permettra de recadrer l’image lorsque vous l’ajouterez à votre site.
Si vous avez accès à Adobe Photoshop, je vous recommande de l’utiliser pour créer votre favicon. Toutefois, si vous n’avez pas Photoshop ou si vous n’avez pas le budget pour le faire, vous pouvez utiliser un outil de génération de favicon gratuitement.
Vous pouvez utiliser une image transparente ou remplir l’image avec la couleur de fond de votre choix. Assurez-vous simplement que votre favicon est reconnaissable, clair et de taille correcte.
Ajout de votre favicône à WordPress
Maintenant que vous avez créé votre favicon (ou icône de site), il est temps de l’ajouter à votre site WordPress. Depuis la sortie de WordPress 4.3, vous pouvez désormais ajouter votre favicon depuis la zone d’administration de WordPress. Allez sur Apparence > Personnaliser puis cliquez sur l’onglet “Identité du site”.
Si vous utilisez un thème WordPress premium, vous constaterez que l’onglet “Identité du site” se trouve sous l’en-tête dans le même menu.
Ici, vous pouvez modifier l’en-tête du site, le titre du site, le logo du site, l’icône du site et le slogan. Pour modifier votre favicon WordPress, cliquez sur “Modifier l’image” si vous en avez déjà une, ou sur “Sélectionner le fichier” pour télécharger une nouvelle icône de site.
Si l’image que vous téléchargez dépasse la taille recommandée, WordPress vous permettra de la recadrer. Toutefois, si l’image correspond à la taille recommandée, vous pouvez simplement enregistrer vos modifications.
Vous pouvez maintenant vous rendre sur la page d’accueil de votre site Web pour voir votre favicon WordPress en action ! Vous pouvez également afficher l’icône de votre site sur un appareil mobile en sélectionnant “Ajouter à l’écran d’accueil” dans le menu de votre navigateur.
Comment ajouter un favicon à WordPress 4.2 ou inférieur
Si vous utilisez WordPress version 4.2 ou inférieure, la modification de votre favicon est un peu différente. Vous devrez télécharger votre favicon directement dans le répertoire racine de votre site web en utilisant le FTP. Un outil de transfert de fichiers comme FileZilla sera plus que suffisant.
Une fois que vous vous êtes connecté à votre site Web via FTP, accédez au fichier header.php de votre thème et ajoutez le code suivant dans le fichier :
<link rel="icon" href="https://webhostingprof.com/favicon.png" type="image/x-icon" /><link rel="shortcut icon" href="https://webhostingprof.com/favicon.png" type="image/x-icon" />
Assurez-vous de remplacer webhostingprof par l’URL de votre site. Si votre thème ne contient pas de fichier header.php, vous pouvez installer un plugin qui fera le travail à votre place. Bien que les plugins soient utiles, je ne recommanderais d’utiliser celui-ci que si vous n’avez pas de fichier header.php ou si vous ne pouvez pas le localiser.
Il est bon de savoir où se trouvent ces fichiers au cas où vous auriez à les utiliser à nouveau ! Je n’essaie pas délibérément de vous rendre les choses plus difficiles !
Un plugin comme Insérer des en-têtes et des pieds de page est un bon choix. Vous pouvez installer et activer le plugin, puis naviguer à l’adresse suivante Paramètres > Insérer des en-têtes et des pieds de page puis coller le code ci-dessus. N’oubliez pas de sauvegarder vos paramètres et vous serez prêt à partir !
Conclusion
Les favicons sont importants pour votre site web, non seulement pour l’image de marque, mais aussi pour l’expérience de l’utilisateur. Les favicons permettent aux utilisateurs de votre site web d’identifier facilement votre site et, en toute honnêteté, ils sont bien plus beaux qu’une boîte vide.
Maintenant que vous savez comment ajouter un favicon à votre site Web WordPress, pourquoi ne pas essayer ? L’ajout d’un favicon est facile et gratuit, et nous avons beaucoup d’autres ressources qui peuvent vous aider avec votre site Web WordPress, comme comment changer la taille de la police sur vos articles et pages, ou comment se souvenir de votre URL de connexion WordPress.