PWA
L'icona di una PWA (Progressive Web App) sullo schermo degli utenti iOS si chiama "Apple touch icon".
È importante impostarla, poiché altrimenti iOS genererà l'icona utilizzando uno screenshot della pagina stessa.
Pertanto, nella <head> della pagina si inserisce:
<link rel="apple-touch-icon" href="/example.png">
n.b. sostituire "/esempio.png" con l'immagine che si desidera utilizzare per l'icona, assicurandosi che il percorso sia valido; l'icona dovrebbe essere di 180x180 px o 192x192 px con uno sfondo non trasparente.
Qualora non si scriva il codice precedente nella <head> della pagina, SeoChecker lo segnalerà.
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
Content Google
Trova idee per le parole chiave, suggerimenti e punteggio di pertinenza tramite le parole chiave suggerite dalla compilazione automatica di Google.
Tester and validators
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.
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.
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.
Builders and generators Social
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.
Builders and generators
Scegli i tuoi dati e crea il tuo QR Code personalizzato. Specifica formato, dimensione, margini, set di caratteri, colori e molto altro del tuo codice QR personalizzato.
Converters
Converti istantaneamente codici colore da RGB (rosso, verde, blu) a schemi di colori HEX (esadecimale) e viceversa. Inserisci il colore e provalo gratuitamente.
Convalida le tue pagine AMP con questo tool. Testa le tue Accelerated Mobile Pages (AMP) , ottieni rapporti dettagliati e ottimizza le prestazioni.