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
Tester and validators
Analizza la velocità di caricamento delle pagine web. Recupera informazioni sull’indice di velocità, latenza, posizionamento del contenuto e altro ancora.
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
Genera meta tag richiesti e più utili per le tue pagine. Fornisci metadati sul tuo sito web e aiuta i motori di ricerca a fornire contenuti pertinenti.
Server and proxy Tester and validators
Esegui il controllo del tuo sito e scopri quali pagine mancano del certificato https/ssl.
Analytics Google Tracking script
Crea un URL tracciabile per Analytics e traccia le aperture delle email. Invia la tua e-mail e ottieni dati quando l’utente la apre.
Builders and generators Google
Disegna rettangoli, cerchi, poligoni, linee e forme, imposta stili e colori ottieni coordinate e codice per le tue mappe Google.
Images
Carica le tue immagini per ottenere la tavola dei colori dominanti. Ottieni la palette dei colori di tutte le dominanti identificate nell’immagine caricata.
Invia le metriche dei web vitals ad Analytics per monitorarle in modo performante. Misura e invia i Google Core Web Vitals al tuo account Analytics.