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
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.
Builders and generators
Calcolatore della griglia di layout: imposta il sistema di griglia, la larghezza della pagina, il margine e le colonne. Progetta il tuo sistema di layout per pagine web, app e design di stampa.
Converters
Converti istantaneamente i codici colore da HEX (esadecimale) a RGB (rosso, verde, blu) e viceversa. Inserisci il colore e provalo gratuitamente.
Server and proxy
Recupera lo status code del server remoto e gli header. Ottienilo status code HTTP, le informazioni sugli Header, il controllo della cache e i dati da un determinato URL.
Analytics Google Tracking script
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.
Content
Ottieni conteggi e densità di parole chiave dai tuoi contenuti. Questo strumento fornisce la convalida dei tuoi contenuti sui social network con un solo click.
Images
Cattura rapidamente qualsiasi screenshot ed anteprima di una pagina web. Ottieni il rendering delle immagini su desktop e dispositivi mobili e pellicole in miniatura con tempi di caricamento.
Tester and validators
Analizza la velocità di caricamento delle pagine web. Recupera informazioni sull’indice di velocità, latenza, posizionamento del contenuto e altro ancora.