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
Testa le metriche, il punteggio e la diagnostica dei web vitals. Misura Google Core Web Vitals LCP, FID, CLS, TTFB, FCP, TTI, TBT e molto altro.
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.
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.
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.
Server and proxy
Ottieni il tuo indirizzo IP con geolocalizzazione. Con questo strumento ottieni IP address, informazioni sulla Organizzazione-ISP e dati sulla geolocalizzazione.
Convalida i file Css con il servizio di convalida W3C. Verifica se il markup del vostro Foglio di stile è conforme al W3C.
Builders and generators
Genera bellissime combinazioni di colori per i tuoi progetti. Ottieni il tuo schema di combinazione analogo, triadico, complementare e così via.
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.