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
Tester and validators
Verifica gli Structured data delle tue pagine web. Verifica la conformità dei tuoi Structured data json-ld e migliora la tua SEO.
Compressor
Strumento minimizzatore CSS. Ottimizza e comprimi il tuo codice CSS, rendi più veloce il tuo sito web e riduci le dimensioni del payload della rete.
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.
Google
Scopri in che modo Google calcola i punteggi di performance Web Vitals. Muovi i cursori per capire a quali soglie puntare per ottenere buone prestazioni web.
Content Google
Trova idee per le parole chiave, suggerimenti e punteggio di pertinenza tramite le parole chiave suggerite dalla compilazione automatica di Google.
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.
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.
Converters
Converti istantaneamente codici colore da RGB (rosso, verde, blu) a schemi di colori HEX (esadecimale) e viceversa. Inserisci il colore e provalo gratuitamente.