Un Favicon, c’est quoi et à quoi ça sert ?

Un favicon est une petite icône qui apparaît à côté du nom de l’onglet d’un site web dans un navigateur.

Il permet aux utilisateurs de reconnaître rapidement le site auquel ils accèdent et de le distinguer des autres onglets ouverts. Il est également utilisé pour les marque-pages et les signets, ce qui permet aux utilisateurs de repérer rapidement les sites qu’ils ont enregistrés.

Enfin, il est également utilisé pour les applications web installables qui donne une meilleure expérience utilisateur.

utilisation du favicon

Ne me dites pas que ça ne vous est jamais arrivé d’avoir tant d’onglets ouverts que vous ne vous repérez qu’avec le favicon, je ne vous croirait pas 😉

De mon coté ça m’arrive très souvent en tout cas. 

Le Favicon : pour identifier les débutants

Je dis cela sans aucune méchanceté, j’ai moi même commencé en ne métant pas de Favicon sur mes sites internet mais le favicon par défaut avec le logo de WordPress, bah ça fait vraiment amateur. Donc c’est doublement important de l’ajouter sur votre site. 
Nous voila donc à ce pourquoi vous êtes venu : Ce favicon là, comment je le met dans mon WordPress ? 

 

Ajouter mon favicon à mon site WordPress

comment ajouter le favicon dans l'administration wordpress

En quelques secondes il est possible d’ajouter ton favicon.

Dans l’administration de WordPress procéder comme ceci :

– Apparence -> Personnaliser -> Paramètres généraux -> Identité du site -> Icone du site.

Dimensions recommandées pour votre favicon

Au minimum 512*512 pixels.

Essayez donc de ne pas déposer une image qui est très, trop lourde car on parle la d’un détail.

Comment faire son Favicon ? Et bien, Dans Canva, ou Photoshop, ouvrez un document qui fait 512*512, placez votre logo sans le texte associé et sauvegardez dans une qualité correcte, mais pas top pour que le fichier de l’icone soit le plus léger possible.

Si vous avez prévu de payer un graphiste pour une charte graphique, logiquement il te l’aura fournie.

Et voila, un site wordpress qui a un beau FAVICON !

Si je n’ai pas été clair, voici une petite vidéo qui sera peut être plus claire.

A bientôt.

PS : n’hésite pas à partager ou à laisser un petit commentaire si j’ai dit une bétise, oublié quelque chose ou que ce post t’a été utile.

Le tutoriel en vidéo

Ces autres tutoriels pourraient aussi t’être utiles