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.
Controlla le prestazioni SEO e il controllo della pagina. Oltre 250 parametri per un’analisi più approfondita della pagina. Scopri di più sulle prestazioni del tuo sito web.
Builders and generators
Crea il tuo codice a barre personalizzato in oltre 70 formati. Scegli dati, formati e colori e ottieni il tuo Barcode personalizzato.
Tester and validators
Convalida i file Css con il servizio di convalida W3C. Verifica se il markup del vostro Foglio di stile è conforme al W3C.
Images Social
Ottieni anteprime dei video Vimeo e set di dati informativi. Recupera l’immagine di anteprima del video Vimeo, la didascalia, la descrizione, le informazioni sull’utente e le statistiche.
Verifica gli Structured data delle tue pagine web. Verifica la conformità dei tuoi Structured data json-ld e migliora la tua SEO.
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.