Comment ajouter une Favicon à votre site ou funnel

Écrit par CrocoTeam

Dernière mise à jour Il y a 7 jours

Qu'est-ce qu'une favicon ?

Une favicon (abréviation de favorite icon) est la petite icône qui apparaît dans votre onglet navigateur, à côté du titre du site web.

Exemple : le logo rouge de YouTube, ou le petit « G » coloré pour Google.

Une favicon :

  • Renforce l'identité visuelle de votre marque.

  • Aide vos visiteurs à reconnaître rapidement votre site parmi plusieurs onglets ouverts.

  • Améliore la visibilité de votre site dans les résultats de recherche Google.

Comment ajouter une favicon à votre site

Étape 1 – Préparer votre image

  • Le format recommandé est carré (par exemple, 512x512 px).

  • Formats acceptés : .png ou .ico (.png fonctionne très bien).

  • Choisissez une image simple qui est reconnaissable même en petit format.

Étape 2 – Télécharger l'image dans la médiathèque CrocoClick et récupérer le lien

  1. Allez à la barre latérale gauche de CrocoClick et cliquez sur « Média ».

  2. Glissez-déposez votre image, ou cliquez sur Télécharger dans le coin supérieur droit.

  3. Une fois importée, survolez l'image, cliquez sur « ... » puis sur « Obtenir le lien » pour copier le lien dans votre presse-papiers.

Étape 3 – Ajouter la favicon à votre site ou tunnel

  1. Allez sur votre Tunnel ou Site.

  2. Cliquez sur Paramètres.

  3. Faites défiler jusqu'à la section Favicon.

  4. Collez l'URL de votre image (copiée depuis la médiathèque).

  5. Enregistrez.

Conseils avancés pour l'optimisation de la favicon

Pour une meilleure expérience utilisateur, assurez-vous que votre favicon est visible et reconnaissable même en très petit format (16x16 pixels). Testez votre favicon sur plusieurs navigateurs et appareils pour garantir une affichage cohérent. Utilisez des couleurs contrastées qui se démarquent clairement du fond. Envisagez de créer plusieurs versions de votre favicon : une pour le mode clair et une pour le mode sombre, si votre système le permet. Mettez à jour votre favicon en cas de changement de branding, mais conservez une certaine continuité visuelle pour que vos visiteurs réguliers reconnaissent toujours votre site.

Étape 4 – Vérifier le résultat

  • Ouvrez votre site/tunnel dans un nouvel onglet.

  • Actualisez la page (Ctrl + F5 / Cmd + Maj + R si nécessaire).

  • La favicon doit apparaître à côté du titre de votre site.

💡 CONSEIL : Parfois, le navigateur cache l'ancienne favicon. Si vous ne voyez pas le changement immédiatement, essayez de naviguer en mode privé.

Et voilà ! Votre site web/tunnel affiche désormais une favicon personnalisée, ce qui renforce votre image de marque et votre professionnalisme.

FAQ - Favicon et optimisation de marque

Puis-je modifier ma favicon ultérieurement ?

Oui, absolument. Vous pouvez changer votre favicon à tout moment en répétant les étapes ci-dessus. Il suffit de télécharger une nouvelle image et de mettre à jour l'URL dans les paramètres de votre site ou tunnel.

Quelle est la taille idéale pour une favicon ?

La taille recommandée est 512x512 pixels ou supérieure. Cependant, assurez-vous que votre image est facile à reconnaître même si elle est affichée à 16x16 pixels dans la barre d'adresse du navigateur.

La favicon sera-t-elle visible sur tous les appareils et navigateurs ?

Oui, les favicons en format .png et .ico sont largement compatibles avec tous les navigateurs modernes (Chrome, Firefox, Safari, Edge, etc.) et avec tous les appareils. Cependant, il peut y avoir des délais de mise en cache, d'où l'intérêt de naviguer en mode privé pour vérifier les modifications.

Articles connexes