Table des matières
Qu'un est-ce qu'une favicon ?
La favicon est un mot valise composé des mots anglais « favorite » et « icon ». Ce concept a été lancé en 1999 par Microsoft pour son fameux navigateur web Internet Explorer 5 (ça date !). Cette petite icône, qui est présente dans les onglets des navigateurs mais aussi dans les moteurs de recherche, permet de représenter votre marque sur une surface de 16×16 pixels !
Souvent négligé par les webmasters, la favicon permet de donner un côté sérieux à votre site internet. Je vous recommande vivement de suivre ce tutoriel, d’autant plus que la mise en place est très simple !
Comment créer un favicon pour votre site ?
Il existe beaucoup d’outils pour créer votre favicon. Vous pouvez utiliser votre logiciel préféré comme Gimp ou Photoshop mais vous pouvez également utiliser un site internet gratuit.
Le site que je vous recommande se nomme Favicon.io. Vous pouvez créer votre favicon :
- à partir d’un texte
- à partir d’une image
- à partir d’un émoji
Tapez le texte que voulez, réglez la police, la taille ainsi que la couleur de fond de votre favicon. Une fois que cela est fait, cliquez sur le bouton « Download » en haut à droite de votre page.
Le site va vous fournir votre favicon pour tous les différents formats qui existent :
- Android Chrome 192×192
- Android Chrome 512×512
- Apple Touch Icon
- Favicon 16×16
- Favicon 32×32
- Favicon.ico
Vous n’avez pas besoin de tous les fichiers puisque celui que nous allons utiliser sera celui nommé Android Chrome 512×512
Comment ajouter un favicon avec le thème Divi ?
Avant la version 3.9 du thème Divi, vous pouviez ajouter la favicon de votre site directement dans le menu « Divi -> Options du thème ». Depuis cette mise à jour, le thème Divi ne vous permet plus d’ajouter cette petite image via son menu.
Mais n’ayez crainte, c’est désormais tout aussi simple d’ajouter une favicon pour le thème Divi. Pour cela, vous devez suivre la démarche suivante :
- Dans le menu Apparence, cliquez sur Personnaliser.
- Cliquez sur Paramètres Généraux -> Identité du site
- Ajoutez la favicon que vous venez de créer dans la partie « Icône du site ».
- N’oubliez pas de sauvegarder les changements !
