La creazione di un sito web mobile-friendly è diventato fondamentale per qualsiasi sito web che desiderano una presenza sul web mobile. Data la maggiore quantità di individui che accedono siti web da dispositivi mobili Internet-enabled, siti web inaccessibili da dispositivi mobili perderanno una parte considerevole di visitatori. Compatibilità del browser rimane la sfida più grande nel trasformare un sito web in una versione mobile lite. proprietari di siti web possono fare qualche passo standard, tuttavia, di ottimizzare il loro sito web per il mobile Web e rendere il loro sito web mobile amichevole.

istruzione

1 Creare un foglio di stile separato per dispositivi mobili dichiarando l'opzione palmare per l'attributo media durante il collegamento il foglio di stile cellulare alle pagine HTML. L'aggiunta di un foglio di stile alternativo per i dispositivi mobili annulla tutti gli stili del foglio di stile dello schermo, il foglio di stile resi da normali computer. Utilizzo di un foglio di stile separato per i browser mobili consente ai proprietari di siti web per lo stile della versione mobile del proprio sito web in modo diverso per accogliere o meno i browser mobili e piattaforme.

2 Ridimensionare le immagini per le piccole dimensioni dello schermo con il software di editing delle immagini. schermi mobili più piccole in genere hanno un tempo più difficile il rendering delle immagini più grandi e li ridimensionamento al volo. Inoltre, la visualizzazione di immagini più grandi sui piccoli dispositivi mobili consuma tempo di caricamento e larghezza di banda. Ridurre i tempi di caricamento e conservare larghezza di banda comprimendo le dimensioni delle immagini.

3 Presenti tutti i contenuti in un formato lineare, una colonna. Rimuovere tutte le colonne, carri e fotogrammi da fogli di stile mobile. Questi elementi tendono a causare problemi di visualizzazione per i dispositivi mobili. Inoltre, evitare l'uso di pixel quando si dichiara misurazioni di altezza e larghezza in CSS. Pixel creano dimensioni del browser rigide che potrebbero apparire troppo grande per alcuni schermi mobili, causando agli utenti di scorrere in senso orizzontale. Invece, fanno uso di percentuali e em unità di misura per creare dimensioni del browser fluidi, adatti per molteplici dimensioni dello schermo.

4 Fornire navigazione chiara e concisa del sito. Mobile Internet browsing produce alti tassi di rimbalzo perché i lettori mobili vogliono arrivare al contenuto desiderato nel minor numero di click possibile. Rimuovere link alle sezioni del sito diminuire la priorità per gli spettatori mobili. In alternativa, spostare menu di navigazione alla parte inferiore della pagina per servire gli elementi più importanti, come il contenuto prima, dice Patrick Altoft a Blogstorm.

5 Testare cordialità cellulare del sito. Allo stesso modo i siti web regolari devono affrontare i test, le versioni mobili dei siti web richiedono test e validazione. Testare versione mobile del sito su smartphone popolari, come BlackBerry e iPhone, e dispositivi mobili più fondamentale. Controllare cordialità complessiva della telefonia mobile di un sito web per la validazione con mobileOK Checker del W3C (vedi Risorse). Garantire un sito web è conforme agli standard Web mobili mantiene la compatibilità del sito su più dispositivi mobili.

Consigli e avvertenze

• Eliminare eventuali immagini inutili o caratteristiche che possono rallentare processo di carico mobile di un sito web.
• Se i dispositivi mobili non sono disponibili per il test, il browser Opera consente agli utenti di visualizzare i siti web in un piccolo schermo per misurare quanto un dispositivo mobile sarebbe il rendering della pagina.