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
Analytics Google Tracking script
Misura e monitora le interazioni degli utenti con i tuoi contenuti. Tieni traccia di tutte le azioni che desideri: download, clic, riproduzioni video, condivisione sui social ed engagement.
Genera l’URL della tua campagna Google per un monitoraggio migliore. Aggiungi parametri UTM e tieni traccia delle campagne personalizzate nell’account Google Analytics.
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.
Tester and validators
Metti alla prova la tua web progressive app. Controlla le prestazioni della tua PWA e inizia a costruire app di alta qualità, accattivanti, veloci e adattabili a tutti i dispositivi.
Social Tester and validators
Ottieni i dati di Facebook e il punteggio dell’engagement tramite l’URL. Recupera i dati open graph, il conteggio delle "condivisioni", il conteggio dei commenti e l’engagement dall’URL.
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 Social
Ottieni le anteprime dei video di YouTube e dati informativi. Recupera l’immagine di anteprima del video di YouTube in 9 diverse dimensioni, qualità, didascalia, descrizione e altro ancora.
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.