3 min de lecture
Sur quel logiciel créez-vous les favicons et webclips des sites web dont vous vous occupez ? En fait, il existe beaucoup de logiciels et de plateformes en ligne, mais moi, personnellement, j’ai l’habitude d’utiliser Figma. La vraie question est celle-ci : “comment ajouter un favicon et webclip sur Webflow ?”
Vous devez absolument changer le favicon et webclip de votre site si vous vous êtes basé sur des modèles de site existants (comme on a l’habitude de faire avec Webflow ; d’ailleurs, c’est l’une des choses qui rend Webflow génial, sans parler du fait que grâce à lui, vous pouvez créer un site sans code). Supposons que vous vous êtes inspiré des modèles préexistants dans le showcase. Vous avez sûrement copié le favicon et webclip du modèle lui-même. Pourtant, ces éléments-là ne sont pas adaptés ni à votre site ni à votre identité visuelle.
D’ailleurs, je vous rappelle que par définition, le favicon n’est autre que l’icône affichée dans la barre des favoris d’un navigateur internet. Elle sert surtout aux internautes, car elle leur aide à identifier rapidement votre site. On peut donc dire qu’elle doit faire partie de la charte graphique d’une entreprise.
Pareillement pour le webclip (qui se différencie seulement par taille un peu plus grande).
Il y a une vidéo Youtube dans laquelle je décris cela en bas de l'article. Soutenez-moi en vous abonnant à la chaine YouTube "Happy Desk Design"
Pour ajouter un favicon et webclip sur Webflow, vous n’avez qu’à vous rendre sur le logiciel que vous avez choisi (moi, sur Figma), et vous créez vos propres favicon et webclip. Vous les concevez comme vous voulez. Dans la plupart des cas, on utilise les logos de l’entreprise. Mais pour ce qui est du favicon en particulier, je doute que ce soit une bonne idée (dans le cas où le logo n’est pas assez visible en tant que favicon).
Il y a donc ceux qui optent pour des initiales. Pour HappyDesk par exemple, si le logo n’était pas assez visible, j’aurais peut-être utilisé l’initiale H.
En tout cas, je vous laisse voir comment j’ai fait, dans ma vidéo.
Avant d’acomment ajouter un favicon et webclip sur Webflow, notez bien ces dimensions :
Une fois que c’est fait, il ne reste plus qu’à exporter ces deux images (en version PNG, de préférence).
Rendez-vous alors dans le paramètre, et ensuite, ajoutez un favicon et webclip dans les champs appropriés. Pour valider toutes ces modifications, il ne reste plus qu’à publier le site. Et hop, votre favicon et votre webclip sont à jour.
Conclusion
Maintenant que vous êtes au courant de l’importance des favicons et webclips, et que vous savez comment modifier facilement ceux des sites conçus avec Webflow, ne seriez-vous pas tenté de vous inscrire sur Webflow(si ce n’est pas encore fait) ? Si vous y êtes déjà, il est grand temps de mettre à jour tous vos sites :)
YouTube: Comment ajouter Favicon et Webclip sur Webflow
Revenez sur cette page chaque fois que vous voudrez. Avez-vous trouvé des idées que j’aurais oubliées ? Si oui, lesquelles ? Laissez un commentaire ci-dessous ou envoyez un e-mail à hello@happydesk.be
Dans la joie et la bonne humeur
Que vous soyez débutant ou expérimenté, la Happy.webacademy vous donne l’énergie, les stratégies et les outils pour avoir plus de liberté et générer des résultats qui propulseront votre chiffre d’affaires dans les étoiles.
