Come Ottimizzare un Sito Web per la Visualizzazione su iPhone
I visitatori non accedono più ai siti solo da PC: gli utenti iPhone vogliono consultare i loro siti preferiti in mobilità. Se il sito non è ottimizzato, la navigazione su iPhone è difficile, con tempi di caricamento lunghi e contenuti disordinati. L'ottimizzazione è semplice con pochi accorgimenti.
Occorrente
- Editor HTML (opzionale)
- Codice HTML del sito
- Editor immagini (opzionale)
- Icona rappresentativa del sito (opzionale)
- Editor di testo semplice (opzionale)
Istruzioni
- Crea un'icona 57x57 pixel col tuo editor immagini. Caricala sul sito e aggiungi nel
<head>della homepage:<link rel="apple-touch-icon" href="/img/touch_icon.png">. L'icona appare quando un utente iPhone aggiunge il sito alla Home Screen. - Rimuovi tutti gli oggetti Flash eliminando le relative righe di codice nell'editor HTML o di testo.
- Elimina tutte le GIF animate individuando il codice che le richiama. L'iPhone non supporta le GIF animate: ne mostra solo il primo fotogramma.
- Crea fogli CSS dedicati all'iPhone. Inserisci nella homepage:
<!-- Per iPhone: --> <link media="only screen and (max-device-width: 480px)" href="small-device.css" type="text/css" rel="stylesheet"> <!-- Per tutto il resto: --> <link media="screen and (min-device-width: 481px)" href="not-small-device.css" type="text/css" rel="stylesheet">
Carica i nuovi CSS sul server.