Favicon
F
Definition complete
Le favicon (favorite icon) est la petite icone de 16x16 ou 32x32 pixels qui identifie visuellement un site web dans l'onglet du navigateur, la barre de favoris, l'historique et les resultats de recherche. C'est un element subtil mais essentiel de l'identite de marque en ligne.
Un favicon professionnel reprend generalement le logo de la marque simplifie ou son initiale, dans des couleurs distinctives permettant une identification rapide parmi de nombreux onglets ouverts. A cette taille reduite, la simplicite et le contraste sont essentiels pour la lisibilite.
Les specifications modernes exigent plusieurs tailles et formats : ICO (16x16, 32x32 pour les anciens navigateurs), PNG (192x192 et 512x512 pour PWA), Apple Touch Icon (180x180 pour iOS), et SVG pour une scalabilite parfaite. Le fichier manifest.json reference ces icones pour les Progressive Web Apps.
L'impact SEO du favicon est indirect mais reel : Google affiche desormais les favicons dans les resultats de recherche mobile, augmentant le taux de clic des sites avec une icone distinctive et professionnelle par rapport a l'icone generique par defaut.
Exemples pratiques
- Integration basique : <link rel="icon" type="image/png" href="/favicon-32x32.png"> dans le head de chaque page.
- PWA complete : Favicon ICO + PNG multiples tailles + Apple touch icon + manifest.json avec icones 192px et 512px.
- Favicon dynamique : Certains sites changent leur favicon pour indiquer un statut (notification, chargement) via JavaScript.
A quoi sert Favicon ?
Le favicon est indispensable pour le branding (reconnaissance dans les onglets), l'UX (identification rapide), le SEO (affichage dans les SERP mobiles), et les PWA (icone de l'app sur l'ecran d'accueil). Son absence signale un site non professionnel.
Favicon en pratique chez 123web
Chez 123web, nous creons des favicons optimises pour tous les contextes : navigateurs desktop, mobile, PWA et resultats de recherche. Nous livrons un package complet avec toutes les tailles et formats requis, integre au code avec les balises appropriees.