Le favicon est l’image qui s’affiche à côté de l’adresse web dans un navigateur. Elle est également stockée lorsqu’une personne choisit d’ajouter le site Web à ses favoris. Pour beaucoup, ces icônes sont utilisées dans le cadre de leur stratégie de marque. Il s’agit d’un logo miniature qui peut se démarquer de manière aussi prononcée que n’importe quelle publicité.
Il n’est pas difficile d’installer un favicon WordPress pour donner à votre site ce sentiment d’individualité. Le plus difficile est de choisir le type de graphique pour lequel vous voulez que le site soit reconnu.
Bien que ces petites images ne soient pas aussi importantes que d’autres idées de conception qui peuvent faire ou défaire le site, vous serez surpris de voir à quel point ces petites icônes influencent l’acquisition et la rétention des visiteurs.
Aujourd’hui, nous allons vous montrer comment ajouter un favicon WordPress à votre site Web. Alors, laissez libre cours à votre créativité et commençons à choisir l’image qui vous convient.
Pourquoi les favicons sont importants
Lorsqu’il s’agit d’image de marque, le logo d’une entreprise joue un rôle important pour la reconnaissance. Dans le monde numérique, les favicons ont presque exactement la même fonction. Pour ceux qui passent beaucoup de temps devant leur ordinateur, ces minuscules graphiques sont tout aussi reconnaissables qu’un panneau d’affichage d’une entreprise.
Une favicon peut également dénoter un certain professionnalisme. D’un point de vue visuel, un site sans graphique peut être peu attrayant et rebuter les visiteurs. Aussi stupide que cela puisse paraître, pensez à ce que vous ressentez si vous visitez un site Web sans l’une de ces petites images.
Création de l’image
Il existe plusieurs façons de créer l’image parfaite pour votre icône. De nombreuses entreprises créent des versions plus petites de leurs logos afin de créer ces petits graphiques. Cela permet de conserver la cohérence de la marque.
Voici quelques autres idées :
- Initiales des noms
- Représentations de base des logos
- Lettres simples
- Symboles ou formes simples
Il faut garder à l’esprit que les images réduites à 16 pixels de large ne présentent pas un haut degré de détail. Il est préférable d’essayer de garder ces graphiques aussi simples que possible. Les ajustements tels que les ombres portées, le gaufrage et les lueurs extérieures sont extrêmement difficiles à voir en tant que favicon.
Utilisation de Pixlr
Pixlr est un éditeur d’images gratuit qui fonctionne à peu près comme Adobe Photoshop. Vous n’avez pas besoin d’un compte, et vous pouvez commencer tout de suite. Pour ce faire :
Étape 1 : Allez sur le site de l’éditeur Pixlr.
Étape 2 : Cliquez sur “Créer une nouvelle image”.
Étape 3 : Sélectionnez la taille du graphique que vous souhaitez utiliser. Il est conseillé de créer cette image de 512 pixels de haut par 512 pixels de large. Cela crée un carré parfait que WordPress peut facilement modifier pour le rétrécir. Entrez 512 dans les zones de largeur et de hauteur et cliquez sur “OK”.
Étape 4 : Vous disposez ainsi d’une toile blanche pour créer ce que vous voulez comme favicon. Pour l’instant, nous allons simplement mettre “GG” en majuscules en sélectionnant l’outil de typographie.
Étape 5 : Lorsque vous commencez à taper, Pixlr charge l’éditeur de texte. Changez la taille de la police à 130. C’est la taille maximale que l’application peut atteindre, mais nous utilisons le texte à titre d’exemple.
Étape 6 : Déplacez le GG au centre de la toile et cliquez sur le bouton “OK” de l’éditeur de texte.
Étape 7 : Allez dans “Fichier” et cliquez sur “Enregistrer” pour stocker l’image.
Étape 8 : Gardez “Poste de travail” sélectionné et changez le nom du fichier en “favicon”. Cliquez sur “OK”.
Étape 9 : Une nouvelle fenêtre s’ouvre alors pour enregistrer votre image. Placez-la dans un endroit facile à trouver.
Étape 10 : Allez dans votre panneau d’administration WordPress, cliquez sur “Apparence” et ensuite sur “Personnaliser”. Cela va charger les paramètres de votre thème de WordPress.
Étape 11 : La plupart des thèmes auront un contrôle intégré pour “Site Identity”. Ce devrait être la première option dans le personnalisateur. Cliquez dessus.
Étape 12 : Cela ouvrira une fenêtre dans laquelle vous pourrez modifier le titre et le slogan de votre site et ajouter l’image du favicon. Cliquez sur le bouton “Sélectionner une image” sous la zone de l’icône du site.
Étape 13 : Cela ouvrira la bibliothèque de médias de WordPress. Vous pouvez soit choisir une image dans la bibliothèque, soit en télécharger une. Nous allons télécharger le graphique GG que nous avons créé dans Pixlr.
Étape 14 : Une fois l’image téléchargée, sélectionnez-la pour qu’elle devienne l’icône du site web.
Étape 15 : En haut à gauche de l’écran, il y a un bouton “Enregistrer et publier”. Aucune des modifications apportées dans le Customizer ne sera conservée si vous ne cliquez pas sur ce bouton.
Étape 16 : Une fois que vous avez enregistré, cliquez sur le petit “x” à l’extrême gauche du bouton pour fermer le Customizer et revenir à WordPress.
En réalité, toute image peut être utilisée comme favicon. Même une image dont la taille est supérieure à 512 pixels. En effet, WordPress dispose d’un outil de recadrage intégré.
Utilisation d’autres éditeurs d’images
Vous n’avez pas besoin d’utiliser Pixlr si vous disposez d’un autre logiciel d’édition. Ce qu’il faut garder à l’esprit, c’est que la taille idéale du graphique est de 512 pixels carrés. Cela permet à WordPress d’ajuster la taille pour divers usages.
La mise en signet d’un site Web n’est qu’un aspect de la favicon. Le graphique doit pouvoir être mis à l’échelle dans le cas où quelqu’un crée un raccourci de bureau vers le site. C’est l’une des raisons pour lesquelles vous devriez vous en tenir à la forme de 512 pixels dans WordPress.
L’utilisation d’une image plus grande permettra également de conserver plus de détails lorsqu’elle sera réduite. Bien sûr, vous ne voulez pas d’une image comportant beaucoup de petites caractéristiques, car elles seront perdues une fois l’image réduite à 16 pixels pour l’icône.
Plugins intéressants pour la création d’un favicon WordPress
Si votre thème n’a pas d’emplacement pour l’image de la favicon ou si vous préférez utiliser certaines des fonctionnalités des plugins, en voici quelques-uns qui peuvent être parfaits pour vous. Certains d’entre eux sont dotés d’une installation automatique et de capacités d’édition graphique faciles à utiliser.
Le plugin Favicon de RealFaviconGenerator est l’un des plus populaires de WordPress. Il permet aux utilisateurs de créer le favicon à utiliser dans une myriade de situations autres que la petite icône dans le navigateur. Le plugin prend en charge la configuration de l’image pour différents systèmes d’exploitation tout en fournissant un système de vérification pour s’assurer qu’elle est configurée correctement.
Si vous souhaitez ajouter un peu de fantaisie à votre site, Favicon Rotator peut vous être utile. Ce plugin vous permet de définir plus d’un graphique comme icône de votre site. Si vous utilisez plus d’une image, le système la sélectionnera de manière aléatoire chaque fois que quelqu’un visitera le site. Vous pouvez également définir certains favicons à afficher en fonction du système d’exploitation de l’appareil mobile.
Multicons est un autre plugin qui permet d’afficher certaines icônes en fonction du système d’exploitation du visiteur. Vous pouvez définir une icône par défaut pour le site Web, puis afficher une image distincte pour ceux qui utilisent des appareils Apple, par exemple. Si votre entreprise propose des services distincts, comme un atelier de réparation d’ordinateurs, cela pourrait être un ajout amusant pour vos visiteurs.
Ce sont souvent les petites choses qui ont le plus d’impact lors du développement d’un site Web. Avant de penser qu’une icône représentant votre entreprise est inutile, réfléchissez à ce que serait votre entreprise sans le logo. Votre site Web est une extension de l’organisation et il doit présenter le même niveau d’attrait professionnel que n’importe quel magasin.
Quels sont les éléments que vous avez installés sur votre site et qui le rendent différent des autres ? Combien de fois avez-vous mis en place des fonctionnalités dans le seul but d’attirer les visiteurs ?