Ottimizzare sito per iPhone

Ormai la navigazione da dispositivi mobili ha la sua valenza e ogni giorno e’ sempre in crescita. Anche se non avete mai pensato di creare un microsito per gli utenti che visitano il vostro sito o blog da un iPhone, dovete sapere  che esistono degli step per ottimizzare quello che avete per il Melafonino. In questo articolo abbiamo raccolto i passi principali per ottimizzare il contenuto del vostro sito anche per la visualizzazione da iPhone.

Iniziamo a bomba!

ZOOM DI DEFAULT

Mobile Safari ci permette di zoommare e ruotare le pagine per vedere meglio i contenuti presenti nelle stesse. Ma come possiamo intervenire sul valore di zoom? Semplice, basta che inseriamo la seguente dichiarazione nell’header della nostra pagina Html:

Se impostare la scalatura iniziale 1.0, aggiungiamo il seguente codice:

Se vogliamo impostare la scalatura e disattivare il ridimensionamento della pagina da parte dell’utente, bisogna sempre inserire nel codice Html il codice qui sotto:

Abbiamo, con questi pochi passaggi, migliorato sensibilmente la presentazione del contenuto delle nostre pagine con il semplice utilizzo del tag “viewport”.

ORIENTAMENTO DEL VIEWPORT

Naturalmente sappiamo tutti che l’iPhone ha 2 tipi di orientamento: landscape (orizzontale) portrait (verticale). Possiamo specificare due fogli di stile differenti per l’orientamento dell’iPhone, che viene determinato da un codice JavaScript sull’elemento body:

body[orient="landscape"]

body[orient="portrait"]

NASCONDERE LO SCROLL

Per nascondere la scroll bar per gli utenti che navigano nelle nostre pagine, basta inserire questo semplice codice JavaScript:

window.scrollTo(0,1);

Naturalmente se vogliamo mantenere la toolbar, basta omettere questa linea di codice.

Questi sono semplici consigli per ottimizzare le nostre pagine web per gli utenti iPhone, senza costruirsi un sito esclusivamente per il Melafonino. Se vogliamo essere responsabili,  ricordiamoci, per una navigazione piu’ veloce e fruibile, di non utilizzare delle dimensioni di immagini esagerate e che gli iPhone non supportano l’uso di Flash. In questa maniera il nostro sito web sara’ visibile anche su tutte le piattaforme mobile di Apple.

Alla prossima!