PWA
Per offrire all'utente un'esperienza più coinvolgente, è opportuno utilizzare i colori della vostra PWA (Progressive Web App) anche nella barra degli indirizzi del browser (questa funzione è supportata in tutti i browser).
Quando una pagina non utilizza un tema per la barra degli indirizzi, SeoChecker lo segnalerà.
SeoChecker cerca una proprietà theme_color nel manifesto dell'applicazione Web e un meta tag theme-color nell'HTML della pagina.
1. Per ogni pagina che si desidera personalizzare, è necessario aggiungere un meta tag "theme-color":
<!DOCTYPE html> <html lang="en"> <head> … <meta name="theme-color" content="#ECF3FF"/> … </head> …
2. Nel Web App Manifest aggiungere la proprietà theme_color:
{ "theme_color": "#ECF3FF" … }
Per saperne di più PWA
Prestazioni SEO sulla pagina e checkup.
Oltre 300 parametri per l'analisi approfondita delle pagine.
Condividi questa Guida.
Ti è piaciuta? Condividila!
Web tools per sviluppatori moderni. Provali!
Generatori, builder e validatori per migliorare le tue performance di ottimizzazione SEO e web
Builders and generators Social
Genera il markup delle Twitter Card e migliora i tuoi meta html. Allega foto, video ed esperienze multimediali ai Tweet e indirizza traffico al tuo sito.
Tester and validators
Verifica gli Structured data delle tue pagine web. Verifica la conformità dei tuoi Structured data json-ld e migliora la tua SEO.
Social Tracking script
Misura e monitora le interazioni degli utenti con i tuoi contenuti. Tieni traccia di tutti gli eventi che desideri: download, clic, riproduzioni video, flussi di pagamento ed engagement.
Google Server and proxy
Scopri la data e l’ora esatta in cui la tua pagina web è stata memorizzata nella cache dal crawler di Google tramite Google Cache Status Checker.
Converters
Converti istantaneamente i codici colore da HEX (esadecimale) a RGB (rosso, verde, blu) e viceversa. Inserisci il colore e provalo gratuitamente.
Convalida i file Css con il servizio di convalida W3C. Verifica se il markup del vostro Foglio di stile è conforme al W3C.
Builders and generators Google
Scegli un tema per la mappa o crea la tua Google map personalizzata. Personalizza le mappe con la tua creatività, con impostazioni, stili e colori.
Controlla il rapporto di contrasto colori WCAG 2 AA delle tue pagine. Controlla se la tua combinazione di colori soddisfa le soglie del rapporto di contrasto WCAG 2 AA.