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
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.
Converters
Convertitore di unità Pixel - Rem - Punti. Converti pixel in unità REM o in punti in pochi secondi con questo converter gratuito
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.
Builders and generators
Genera bellissime combinazioni di colori per i tuoi progetti. Ottieni il tuo schema di combinazione analogo, triadico, complementare e così via.
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.
Images Social
Ottieni le anteprime dei video di YouTube e dati informativi. Recupera l’immagine di anteprima del video di YouTube in 9 diverse dimensioni, qualità, didascalia, descrizione e altro ancora.
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.
Convalida i file Css con il servizio di convalida W3C. Verifica se il markup del vostro Foglio di stile è conforme al W3C.