Test Favicon
Risposta breve
Controlla la presenza della favicon e la sua corretta configurazione.
Cosa fa
Verifica la presenza della favicon nei formati previsti da browser e installazioni PWA: `/favicon.ico`, un `<link rel="icon">` dichiarato, una favicon SVG, le Apple touch icon, un Web App Manifest con un'icona maskable e un tag meta theme-color. Restituisce un esito superato/non superato per ogni controllo più un punteggio di preparazione PWA.
Perché è importante
Le favicon appaiono accanto alle tue pagine nei risultati di Google, nelle schede e nei preferiti del browser, e come icona dell'app quando qualcuno installa il tuo sito. Un'icona mancante rende il tuo sito più difficile da individuare in tutti questi contesti. Un favicon.ico, un'icona SVG, un'Apple touch icon 180×180 e un web app manifest con icone da 192px e 512px coprono i browser e i dispositivi attuali.
Come funziona
-
Inserisci il tuo dominio e fai clic su Esegui test
-
Verifichiamo `/favicon.ico` più tutti i link alle icone dichiarati
-
Controlliamo la presenza di una favicon SVG, delle Apple touch icon, di un Web App Manifest e di un tag meta theme-color
-
Restituiamo una griglia di stato per ogni variante prevista
Esempio di input e output
host: rankproof.eu
/favicon.ico: 200 OK <link rel="icon">: presente <link rel="apple-touch-icon">: presente (180x180) favicon SVG: presente web app manifest: presente icona maskable nel manifest: presente tag meta theme-color: presente punteggio di preparazione PWA: 100/100
Chi lo usa
-
Brand manager
Verifica ogni dominio del tuo portfolio: conferma che favicon e Apple touch icon siano effettivamente dichiarate e non semplicemente mancanti.
-
Sviluppatore frontend
Convalida il set di favicon dopo un rinnovamento del brand: verifica che sia presente ogni variante attesa dal sistema browser/PWA.
-
Responsabile PWA
Verifica che il Web App Manifest sia collegato e dichiari un'icona maskable per l'installazione PWA su mobile.
Domande frequenti
Quali formati di favicon supporta Google Search?
BMP, GIF, ICO, PNG, JPEG, PPM e TIFF, dichiarati nella tua home page con rel="icon", rel="apple-touch-icon" o rel="apple-touch-icon-precomposed". L'icona deve essere quadrata e di almeno 8×8px; Google consiglia dimensioni superiori a 48×48px.
Ho ancora bisogno di favicon.ico?
È ancora una buona idea. Alcuni browser e strumenti richiedono direttamente /favicon.ico senza leggere il tuo HTML.
Cos'è un'Apple touch icon?
Un PNG 180×180 usato come icona della schermata home quando gli utenti iOS aggiungono il tuo sito come web app. Dichiarala con `<link rel="apple-touch-icon">`.
La favicon dovrebbe essere SVG?
I browser moderni accettano icone SVG, che restano nitide a ogni dimensione. Google Search non include l'SVG tra i formati di favicon supportati, quindi mantieni anche un PNG o ICO.
Perché Google mostra un'icona a forma di globo generica per il mio sito?
Di solito manca la favicon, il suo URL è rotto, oppure Google non ha ancora ripetuto la scansione della tua home page da quando l'hai aggiunta. Verifica che l'icona si carichi e sia dichiarata nella home page, poi lascia a Google il tempo di ripetere la scansione.