Inserisci una touch icon

Le touch icon sono icone utilizzate per rappresentare il tuo sito web su dispositivi mobili, come nelle schermate home dei dispositivi iOS e Android. Aggiungere una touch icon migliora l'esperienza dell'utente, permettendo al sito di apparire visivamente più interessante quando viene aggiunto alla schermata principale.

Aggiungi un tag <link/> per la touch icon

Per aggiungere una touch icon al tuo sito web, segui questi passaggi:

1. Prepara la tua icona:

   • Crea un'immagine per la tua touch icon. Le dimensioni consigliate sono 180x180 pixel.
   • Assicurati che l'immagine sia in formato .png per una migliore compatibilità con diversi dispositivi.

2. Carica l'icona nel tuo sito:

   • Carica il file immagine della tua icona nel sistema di gestione delle risorse di RevasOS o in un percorso accessibile online.

3. Aggiungi il tag <link/>:

   • Apri l'applicazione Siti web in RevasOS;
   • Clicca su Impostazioni;
   • Clicca su Iniezione codice personalizzato;
   • Inserisci il tag <link/> nel campo Codice personalizzato tag <\head> per aggiungere l'icona. La struttura del tag dovrebbe essere simile a questa:

     <link rel="apple-touch-icon" href="/images/touch-icon.png">

   • Se desideri aggiungere più icone per diverse risoluzioni (ad esempio per dispositivi con display retina), puoi aggiungere più tag <link/> con le dimensioni appropriate:

     <link rel="apple-touch-icon" sizes="180x180" href="/images/touch-icon.png">
     <link rel="apple-touch-icon" sizes="152x152" href="/images/touch-icon-152.png">
     <link rel="apple-touch-icon" sizes="120x120" href="/images/touch-icon-120.png">

4. Verifica e aggiorna:

   • Una volta aggiunto il codice, assicurati di conoscere la provenienza e il funzionamento del codice per garantire la sua sicurezza.
   • Se sei sicuro che il codice sia corretto e sicuro, seleziona la spunta Il codice è sicuro e clicca su Aggiorna codice personalizzato per applicare le modifiche.

5. Testa la tua touch icon:

   • Una volta applicato il codice, aggiungi il tuo sito alla schermata home di un dispositivo mobile (iOS o Android) per verificare che l'icona venga visualizzata correttamente.

Con questi passaggi, avrai aggiunto con successo una touch icon al tuo sito, migliorando la visibilità e l'esperienza utente sui dispositivi mobili.