PWA
Affinché l'icona di una PWA sia ottimizzata sui dispositivi Android, è opportuno utilizzare il formato "icone con maschera": in questo modo si ha la certezza che l'immagine riempia tutto lo spazio disponibile e che non lasci dello sfondo bianco inutilizzato.
Se la pagina non possiede il supporto per le maskable icon, SeoChecker lo notificherà:
Se si desidera superare la verifica, è necessario impostare un web app manifest che deve disporre di un array di icone: questo deve contenere un oggetto con la proprietà purpose property che includa il valore maskable o any maskable.
{ … "icons": [ … { "src": "path/to/maskable_icon.png", "sizes": "196x196", "type": "image/png", "purpose": "any maskable" } ] … }
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
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.
Crea i tuoi service worker e arricchisci l’esperienza utente. Trasforma il tuo sito web in una Progressive Web App e arricchisci l’esperienza degli utenti.
Converters
Converti Timestamp in valore data/ora (o viceversa). Converti timestamp epoch/unix in un valore di data e ora leggibili e viceversa.
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 Social
Trasforma le pagine web in oggetti ad alto impatto sociale e grafico. 25 Tipi di open graph per creare un enorme impatto sul traffico social del tuo sito web.
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.
Genera bellissime combinazioni di colori per i tuoi progetti. Ottieni il tuo schema di combinazione analogo, triadico, complementare e così via.
Converti istantaneamente i codici colore da HEX (esadecimale) a RGB (rosso, verde, blu) e viceversa. Inserisci il colore e provalo gratuitamente.