Pourquoi et comment installer un favicon sur votre site ?  [Calendrier de l’avent #2]

On continue avec nos petits cadeaux-conseils quotidiens. Tous les jours un nouveau conseil avec en ligne de mire un site parfait sous le sapin !

Après la compatibilité des navigateurs hier, aujourd’hui, on cause « favicon ».

Hein ? Favicon ? Kézako !!?

Figurez-vous que c’est le nom savant pour la petite icône qui représente votre site dans les onglets de votre navigateur.

A quoi sert un favicon ?

Est-ce qu’elle est indispensable ? Non. Mais cela contribuer à donner une image aboutie et professionnelle à votre site web.

Et si un internaute a plusieurs onglets ouverts, cela permet à votre site de continuer à être visible. Et que donc il puisse y revenir plus vite. Ce qui est, j’en suis sûr, un de vos objectifs.

A quoi sert un favicon ?

Imaginez un monde sans favicon ! Quelle tristesse !

pourquoi favicon petits onglets2

Bref, c’est une cerise sur le gâteau, mais qui vaut le coup. Surtout que cela ne prend que quelques minutes à mettre en place !

Voici les 3 étapes simples pour créer un favicon et l’installer sur votre site.

  1. Créez une image carrée. Cela peut être votre logo, une partie de celui-ci, votre photo, une lettre, c’est vous qui voyez ! Vérifiez juste qu’elle est encore à peu près lisible quand elle est très réduite.
  2. Enregistrez-la au format PNG.
  3. Installez le plugin WordPress All In One Favicon et téléchargez votre favicon.

Voilà ! Facile, non ?

Si vous n’êtes pas sous WordPress, vous pouvez transférer par FTP votre image, et ajouter ce code avant le tag </head> des fichiers de votre site :

<link rel="icon" type="image/png" href="/chemin-vers-votre-favicon/favicon.png" />

Dernière chose, évitez les favicons :

  • animés : trop de favicon tue le favicon,
  • trop chargés et donc illisibles : on évite par exemple le favicon qui dit « boulanger trop génial »… parce qu’en fait il ne dira rien du tout.

Allez, à vous ! Ajoutez un favicon à votre site dès aujourd’hui ! Mais avant, abonnez-vous à notre newsletter ci-dessous pour ne pas louper les prochains articles du calendrier de l’avent !

A propos de Sébastien Parizot
Sébastien est co-fondateur de Ziofix. Comme tous les grands manitous de petits boîtes, Sébastien porte toutes les casquettes : il prospecte de nouveaux projets, gère les relations avec les clients et développe les sites. Au fil des années, il a notamment cultivé son expertise en développement web, hébergement et référencement.

5 thoughts on “Pourquoi et comment installer un favicon sur votre site ?  [Calendrier de l’avent #2]

  • By Emmanuel -

    c’est super bien ton calendrier de l’avant ! merci Ziofix ;)

    • By Emmanuel -

      …après, c’est vrai qu’optimiser son site c’est une démarche de tous les jours ;) @+

  • By Nathalie -

    Bonjour,

    J’ai appliqué à la lettre vos conseils mais est ce normal que le favicon n’est visible que sur la page d’accueil de mon blog et sur certains billets…?

    D’avance merci pour votre réponse

  • By Nathalie -

    Et ça ne marche que sur chrome bizarrement.

  • By Sébastien Parizot -

    Bonjour Nathalie,

    Lorsqu’on change de favicon sur son site, il faut souvent vider le cache du navigateur, ou mieux le redémarrer.

    Je n’ai pas de soucis en consultant votre site, le favicon apparait bien sur toutes les pages, même avec Google Chrome !

Comments are closed.