Come ottimizzare un sito web per iPhone Visualizzazione

I giorni di visitatori che accedono al sito web esclusivamente dai propri personal computer stanno scomparendo velocemente proprietari di dispositivi mobili come iPhone stanno scegliendo di ottenere le loro informazioni dai loro siti web preferiti in movimento . Navigare il tuo sito web è difficile per gli utenti di iPhone se il vostro sito non è ottimizzato correttamente . Un sito web non ottimizzato per l' iPhone può comportare tempi lunghi di caricamento e improprio il flusso di contenuti per l'utente . L'ottimizzazione del sito per i visitatori di iPhone è semplice, con pochi adattamenti contenuti del tuo sito web
. Hai bisogno
editor HTML ( opzionale) Sito codice HTML
Editor immagini (opzionale )

sull'icona che rappresenta il sito web ( opzionale)
editor di testo ( opzionale)
Istruzioni
1

creare un'icona pixel di dimensioni 57x57 che rappresenta il tuo sito web utilizzando un editor di immagini . Carica la miniatura sul tuo sito inserendo il seguente codice nella sezione " capo " del codice HTML del tuo sito : & lt ; link rel = " apple -touch -icon " href = " /img /touch_icon.png " > . Questa miniatura viene utilizzato dai visitatori di iPhone quando un iPhone preferiti dell'utente tuo sito web per la sua schermata iniziale iPhone .
2

Rimuovi tutti gli oggetti basati su Flash e contenuti dal tuo sito web eliminando le righe di codice all'interno di un HTML Editor o editor di testo .
3

Elimina tutti i file GIF animati dal tuo sito individuando il codice che rappresenta l'immagine GIF animata in un editor HTML o editor di testo . L' iPhone non supporta le immagini salvate come gif animate . Tutte le gif animate sul tuo sito verranno visualizzati in modo non corretto , come viene mostrato solo la prima immagine della gif animata .
4

Crea fogli di stile CSS separati solo per gli spettatori di iPhone . Includere il seguente codice nel HTML della homepage del tuo sito web per indirizzare il browser su iPhone dell'utente per il foglio di stile CSS corretto ( senza virgolette ) : " & lt ; - per iPhone : ! - > & Lt ; collegamento multimediale =" solo schermo ( max -device - width : 480px ) " href = " piccola - device.css " type = " text /css " rel = " stylesheet " > & lt; - Per tutto il resto : - > & lt ; Media Link = " schermo e ( min -device- width : 481px ) " href = " non -small - device.css " type = " text /css " rel = " stylesheet " > " . Caricare i fogli di stile di nuova creazione iPhone CSS al server web quando completo .