Ajouter un favicon à son site WordPress n’est pas la chose la plus compliquée, mais reste néanmoins une étape importante. Regardons ensemble comment faire !
Rappel de ce qu’est un favicon
Un favicon est cette petite icône qui apparaît dans l’onglet du navigateur, devant le titre de la page web. Bien plus qu’un simple détail graphique, le favicon représente visuellement votre site, renforçant ainsi votre image de marque et permettant aux utilisateurs d’identifier rapidement votre contenu dans une liste d’onglets ou de favoris. Installer un favicon sur votre site WordPress peut donc jouer un rôle important dans l’expérience utilisateur, en consolidant votre identité de marque et en facilitant la reconnaissance visuelle.
Voici trois méthodes pour installer un favicon sur WordPress, que vous soyez débutant ou utilisateur expérimenté.
1. Ajouter un favicon avec le personnalisateur WordPress
La méthode la plus simple pour ajouter un favicon est d’utiliser l’outil de personnalisation intégré de WordPress. Cette option est accessible pour tous les sites WordPress utilisant une version 4.3 ou ultérieure. En plus de sa simplicité, elle permet de mettre en place un favicon de façon stable et rapide, sans nécessiter de plugin.
- Accédez à l’onglet Apparence > Personnaliser dans le tableau de bord WordPress.
- Cliquez sur Identité du site puis trouvez la section Icône du site. Ici, WordPress vous permet de télécharger une image qui servira de favicon. Privilégiez un format carré (512×512 pixels minimum) pour une meilleure compatibilité.
- Sélectionnez votre image et cliquez sur Publier. Le favicon apparaîtra alors automatiquement dans les onglets de votre navigateur et dans les raccourcis.
Cette méthode est idéale pour les utilisateurs qui ne souhaitent pas complexifier leur site avec des plugins supplémentaires, tout en obtenant un résultat rapide et efficace
2. Utilisation d’un plugin spécialisé
Si vous recherchez une solution flexible et compatible avec différents navigateurs et appareils, le plugin RealFaviconGenerator est une excellente alternative. Ce plugin permet de générer des icônes spécifiques à chaque système d’exploitation, garantissant ainsi une apparence optimale sur toutes les plateformes (iOS, Android, Windows, etc.). Avec plus de 200 000 installations actives et une note de 5 étoiles, c’est une valeur sûre. Pour ajouter votre favicon avec cette extension, voici les étapes à suivre :
- Installez et activez RealFaviconGenerator dans Plugins > Ajouter un nouveau depuis votre tableau de bord.
- Allez dans Apparence > Icône de favori et téléchargez l’image de votre favicon.
- Cliquez sur Générer le favicon pour accéder aux options de personnalisation avancées du plugin. Une fois les paramètres choisis, le plugin génère automatiquement les différentes versions du favicon.
- Retournez sur votre tableau de bord WordPress et validez pour appliquer le favicon sur votre site.
Ce plugin permet également de tester l’apparence de votre favicon dans divers environnements (par exemple, sur mobile) et d’ajuster les paramètres pour une présentation homogène. Idéal pour des sites où l’image de marque doit être harmonisée sur tous les supports.
3. Ajout manuel du favicon dans WordPress via FTP
Pour ajouter un favicon via FTP, cette méthode est idéale pour les utilisateurs ayant un accès au serveur et souhaitant une intégration directe, sans passer par un plugin. Le processus se divise en deux étapes : créer le favicon et l’intégrer au site en utilisant un client FTP.
Première étape : création de votre favicon
- Utilisez un outil de création de favicon en ligne ou un logiciel d’édition graphique pour générer l’icône. Le format et la taille recommandés sont 16×16 pixels, avec une forme carrée pour assurer une compatibilité optimale.
- Enregistrez l’image au format .ico — c’est le format requis pour que les navigateurs reconnaissent l’icône en tant que favicon.
Deuxième étape : intégration du favicon via FTP
-
Connectez-vous au serveur de votre site WordPress à l’aide d’un client FTP, comme FileZilla.
-
Accédez au répertoire racine du site, là où se trouvent les dossiers principaux de WordPress (par exemple, wp-admin et wp-content).
-
Téléchargez votre fichier favicon.ico dans ce répertoire racine pour que le site puisse le lire.
-
Ouvrez ensuite le fichier header.php dans l’éditeur de thème WordPress (accessible depuis le tableau de bord sous Apparence > Éditeur de thème).
-
Ajoutez le code suivant entre les balises
<head>pour pointer vers le favicon : -
Enregistrez les modifications et actualisez votre site. Assurez-vous de vider le cache de votre navigateur pour que le favicon apparaisse correctement.
Cette méthode peut sembler technique, mais elle offre une solution durable pour ajouter un favicon sans surcharger WordPress avec des plugins. Elle est particulièrement adaptée aux utilisateurs avancés qui souhaitent un contrôle total sur leurs fichiers et leur intégration.
