La Favicon ou icône de site est la petite image qui apparaît à côté du titre de votre internet dans le navigateur. Elle aide vos utilisateurs à identifier votre site Web et les visiteurs les plus fréquents de votre site reconnaîtront instantanément cette petite image. Vous souhaitez donc ajouter un favicon sur votre site internet blog ?
Cela augmente la reconnaissance de votre marque et vous aide à instaurer la confiance parmi votre public. Dans notre article sur les erreurs les plus courantes de WordPress, le fait de ne pas ajouter un favicon figurait parmi les 25 premières.
Dans cet article, nous allons vous montrer comment ajouter un favicon à votre blog WordPress.
Pourquoi vous devriez ajouter un favicon à votre site WordPress ?
Comme nous l’avons mentionné précédemment, elle établit l’identité de votre site Web. Cependant, il améliore également la convivialité de votre site et l’expérience utilisateur. Cette image vous aidera à mieux le comprendre :
La plupart des utilisateurs ont généralement de nombreux onglets ouverts dans la fenêtre de leur navigateur. Cela masque le titre de votre site Web au fur et à mesure que le nombre d’onglets augmente. La favicon aide l’utilisateur à identifier votre site Web et à passer rapidement à l’onglet de son choix.
Vous pouvez demander à vos utilisateurs d’ajouter votre site à leur écran d’accueil sur les appareils mobiles. L’icône ou la favicon de votre site est également utilisée lorsqu’un utilisateur ajoute votre site à son écran d’accueil sur un appareil mobile.
Comment créer un favicon
Vous pouvez utiliser le logo de votre marque comme icône ou favicon de votre site. La taille recommandée pour l’image de l’icône de votre site est d’au moins 512 pixels en largeur et en hauteur. L’image de l’icône du site doit être un carré, vous pouvez utiliser une image rectangulaire plus grande et WordPress vous permettra de recadrer l’image lorsque vous l’ajouterez.
Nous vous recommandons d’utiliser un programme d’édition d’image comme Adobe Photoshop ou Gimp pour créer une icône de site d’exactement 512×512 pixels. De cette façon, vous pourrez conserver les proportions exactes de votre image. Vous pouvez utiliser une image transparente ou remplir l’image avec une couleur de fond de votre choix. Cette image peut être au format png, jpeg ou gif.
Ajout de l’icône de votre site ou de votre favicône dans WordPress
Depuis WordPress 4.3, vous pouvez ajouter un favicon ou une icône de site depuis la zone d’administration de WordPress. Il suffit d’aller dans Apparence » Personnaliser » et de cliquer sur l’onglet » Identité du site « .
La section de l’identité du site dans le personnalisateur de thème WordPress vous permet de modifier le titre et la description du site, et de contrôler si vous souhaitez ou non les afficher dans l’en-tête.
Elle vous permet également de télécharger l’icône de votre site. Il suffit de cliquer sur le bouton de sélection de fichier, puis de télécharger l’image que vous souhaitez utiliser comme icône de site.
Si l’image que vous téléchargez dépasse la taille recommandée, WordPress vous permettra de la recadrer. Si elle correspond exactement à la taille recommandée, alors vous pouvez simplement enregistrer vos modifications.
C’est tout, vous pouvez maintenant prévisualiser votre site et voir votre favicon en action. Vous pouvez également visiter votre site sur un appareil mobile, puis, dans le menu du navigateur, sélectionner « Ajouter à l’écran d’accueil ». Vous remarquerez que l’icône de votre site apparaîtra sur l’écran d’accueil.
Ajout d’un favicône à un WordPress plus ancien (4.2 ou moins)
Si vous utilisez une ancienne version de WordPress ou si vous voulez apprendre à télécharger votre favicon manuellement, alors cette étape est pour vous.
Tout d’abord, vous devez ajouter le fichier favicon au répertoire racine de votre site web en utilisant FTP ou le gestionnaire de fichiers de votre hébergement WordPress.
Ensuite, vous pouvez simplement coller ce code dans le fichier header.php de votre thème.
<link rel="icon" href="https://www.monsite.com/favicon.png" type="image/x-icon" />
<link rel="shortcut icon" href="https://www.monsite.com/favicon.png" type="image/x-icon" />Veillez à remplacer monsite.com par l’URL de votre site, et vous êtes prêt.
Si votre thème n’a pas de fichier header.php, ou si vous ne le trouvez pas, ne vous inquiétez pas, nous avons un plugin pour vous. Il suffit d’installer et d’activer le plugin gratuit Insert Headers and Footers.
Si vous ne voulez pas du tout vous occuper du FTP, vous pouvez aussi utiliser le plugin All in One Favicon.
On espère que cet article vous a aider, si vous avez des questions hésitez pas à nous laisser un commentaire. Vous pouvez aussi consulter notre petite formation gratuite WordPress Elementor en forme d’article