Tout ce que vous devez savoir sur le Favicon

Tout ce que vous devez savoir sur le Favicon

Que vous décidiez de créer un site web pour votre entreprise ou une boutique en ligne, les éléments de votre image de marque doivent être utilisés partout. En plus d’augmenter notre notoriété, cela vous permettra de montrer vos valeurs et d’augmenter votre crédibilité. Parmi les éléments souvent oubliés, il y a le Favicon. Voyons voir de plus près ce qu’est un Favicon et comment l’ajouter à votre site web.

Qu’est-ce qu’un Favicon?

Commençons par le début: qu’est-ce qu’un Favicon? Un Favicon est une petite icône informatique qui est utilisée pour personnaliser et représenter un site web en particulier. Le terme en question est composé de deux mots en anglais, soit favorite et icon. 

Lorsque vous naviguez sur le web, vous remarquerez bien rapidement une petite icône servant à représenter le site. On peut autant la retrouver dans les résultats de recherche de Google que sur les onglets de vos pages web. Elles sont particulièrement utiles lorsque vous avez plusieurs onglets ouverts et que vous devez passer d’une page à l’autre. Tous les sites importants et officiels en ont un. 

Quelles sont les dimensions d’un Favicon?

Comme vous avez pu le remarquer, un Favicon est une icône aux dimensions assez petites. Plus exactement, l’on parle de 16 par 16 pixels ou 32 par 32 pixels la plupart du temps. Concernant le format d’image à utiliser, il y en a plusieurs. Il est autant possible d’utiliser un fichier PNG, que JPG ou SVG. Personnellement, nous recommandons le PNG ou le SVG puisqu’ils sont souvent de meilleure qualité et permettent d’avoir un arrière-plan transparent.

Pourquoi est-il important d’avoir un Favicon?

Pourquoi devriez-vous prendre le temps d’ajouter un Favicon personnalisé à votre site web? Pour commencer, le fait d’utiliser un Favicon personnalisé est un gage de votre crédibilité et de votre professionnalisme. En effet, si vous utilisez un éditeur de sites web comme WebSelf, le Favicon de base sera celui de la plateforme et non de votre site. Cela pourrait alors dire que vous êtes amateur ou que vous ne vous souciez pas des détails.  

Vous remarquerez aussi rapidement que toutes les entreprises importantes sur le web ont un Favicon, en plus de leur logo, bien que leur logo peut être leur Favicon. Il sera aussi plus facile de retrouver votre site web si vous ajoutez un Favicon qui le représente bien. 

Comment créer un Favicon pour son site web?

Est-ce très compliqué de créer un Favicon pour son site web? Nous croyons que non, laissez-nous vous donner quelques conseils à ce sujet.

Tout d’abord, comme mentionné, la plupart du temps, les entreprises utilisent leur logo comme Favicon. Malheureusement, comme les dimensions sont restreintes, il est possible que vous ayez besoin d’apporter quelques modifications à votre logo afin de pouvoir l’utiliser comme Favicon. Ne vous inquiétez pas, à ce sujet de nombreuses grandes entreprises l’ont fait, que ce soit Facebook ou Amazon. Même WebSelf a utilisé une version simplifiée, mais représentative pour le Favicon de son site web. 

Que devriez-vous garder en tête lors de la création d’un Favicon? Premièrement, on devrait retrouver les éléments importants de votre image de marque, comme la palette de couleurs et la typographie. Vous pourriez décider de n’utiliser que la partie symbole de votre logo ou bien le ou les premières lettres de votre nom d’entreprise. Ne gardez que les détails essentiels de votre image de marque et enlevez tout ce qui est superflu ou qui pourrait devenir flou à cause des dimensions. L’important ici est qu’on puisse facilement faire le lien entre votre Favicon et votre site web. 

Aussi, pensez à avoir un fichier avec un arrière-plan transparent de préférence. Un carré blanc autour de votre logo n’est pas ce qui donnera la meilleure allure à votre Favicon. Au besoin, des convertisseurs peuvent vous aider à créer un Favicon à partir de votre logo. Il en existe plusieurs lorsqu’on fait la recherche sur Google.

Comment ajouter un Favicon à votre site WebSelf?

Maintenant, comment fait-on pour ajouter un Favicon à un site créé avec WebSelf? C’est assez simple, voici les étapes à suivre.

Connectez-vous à votre site et rendez-vous sur les paramètres situés en bas à gauche. Sur la page générale, vous retrouverez plusieurs paramètres pertinents, dont celui de la gestion des Favicons à droite. Cliquez sur Modifier. À noter que les Favicons personnalisés sont offerts avec tous les plans premiums. De leur coté, les sites gratuits viendront automatiquement avec le Favicon de WebSelf.

De base, WebSelf vous offre des dizaines de Favicons génériques qu’il est possible de choisir. Il y en a pour plusieurs secteurs d’activités comme l’immobilier, la cuisine ou la mode. Pour ajouter votre propre Favicon, vous n’avez qu’à cliquer sur Ajouter et choisir le fichier désiré. Enregistrez votre Favicon, puis sauvegardez le tout dans vos paramètres. Le Favicon se mettra à jour lorsque vous cliquerez sur le bouton Publier dans l’éditeur. 

En conclusion, pensez à ajouter un Favicon avant de publier votre site web. Vous n’avez qu’à utiliser votre logo ou une version simplifiée pour augmenter la crédibilité de votre site ou boutique en ligne. Parmi les choses à ne pas oublier avant de publier votre site web, il y a aussi le fait de tester les liens et les boutons, ainsi que de relire tous les textes afin d’éviter les erreurs. Ne gâchez pas la première impression avec un site non fonctionnel ou rempli de fautes. Bon succès!