Apple Touch Icon

L'icona di una PWA sullo schermo degli utenti iOS è chiamata "icona Apple touch".

PWA

Uso corretto dell'icona Apple Touch

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.

 

Come viene visualizzato l'audit di SeoChecker Apple Touch Icon

Qualora non si scriva il codice precedente nella <head> della pagina, SeoChecker lo segnalerà.

 

 

Condividi questa Guida.

Ti è piaciuta? Condividila!

Share it!

Web tools per sviluppatori moderni. Provali!

Generatori, builder e validatori per migliorare le tue performance di ottimizzazione SEO e web

Home Back to top of the page