Rapporto: Favicon & Icone
Stiamo verificando se il sito web ha una o più favicon definite (o disponibili)
Le favicon vengono utilizzate per identificare il sito web nella scheda del browser, nei motori di ricerca e sui social media. Sono un requisito per qualsiasi sito web nel web moderno e dovrebbero riflettere l'identità del marchio. In passato le favicon erano sempre 16x16px, ma oggi abbiamo molte più opzioni e dimensioni e ci si aspetta di avere una favicon standard di buona qualità in una risoluzione più alta.
Raccomandazioni
- Assicurati di avere una favicon standard di buona qualità, 16x16px è solo la dimensione minima
- Avere più dimensioni della favicon, 16x16px, 32x32px, 64x64px, 128x128px, 256x256px
- È sempre una buona idea aggiungere icone touch Apple, 180x180px è la dimensione minima
Errori noti
- Il Pannello SMM non ha una favicon configurata
- La favicon esiste ma non è nel layout HTML
- Trovata solo una favicon, non sono state trovate diverse dimensioni
Esempio HTML Favicon
Questo è un esempio di come le favicon vengono aggiunte al layout 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" />Genera Favicon
Puoi facilmente generare favicon moderne per il tuo sito web utilizzando i seguenti strumenti: