Rapport: Favicon & Icônes
Nous vérifions si le site web a une ou plusieurs favicons définies (ou disponibles)
Les favicons sont utilisées pour identifier le site web dans l'onglet du navigateur, les moteurs de recherche et les médias sociaux. Elles sont une exigence pour tout site web dans le web moderne et devraient refléter l'identité de la marque. Autrefois, les favicons étaient toujours de 16x16px, mais aujourd'hui nous avons beaucoup plus d'options et de tailles et il est attendu d'avoir une favicon standard de bonne qualité dans une résolution plus élevée.
Recommandations
- Assurez-vous d'avoir une favicon standard de bonne qualité, 16x16px n'étant que la taille minimale
- Avoir plusieurs tailles de favicon, 16x16px, 32x32px, 64x64px, 128x128px, 256x256px
- Il est toujours bon d'ajouter des icônes de touche Apple, 180x180px étant la taille minimale
Erreurs connues
- Le panneau SMM n'a pas de favicon configurée
- La favicon existe mais n'est pas dans la mise en page HTML
- Une seule favicon trouvée, aucune taille différente trouvée
Exemple de favicon HTML
Ceci est un exemple de la façon dont les favicons sont ajoutés à la mise en page HTML
<link rel="icon" href="/favicon.ico" />
<link rel="icon" sizes="16x16" href="/favicon-16x16.png" />
<link rel="icon" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" sizes="192x192" href="/android-chrome-192x192.png" />
<link rel="icon" sizes="512x512" href="/android-chrome-512x512.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />Générer une favicon
Vous pouvez facilement générer des favicons modernes pour votre site web en utilisant les outils suivants :