Nwlapcug.com


Come fare il tuo sito Web Mobile Friendly

Come fare il tuo sito Web Mobile Friendly


Creazione di un sito Web mobile è diventato cruciale per qualsiasi sito Web che desiderano una presenza sul Web mobile. Data la maggiore quantità di individui di accedere a siti Web da dispositivi mobili abilitati per Internet, siti web inaccessibili da dispositivi mobili perderà una parte considerevole di visitatori. Compatibilità browser rimane la sfida più grande nel trasformare un sito Web in una versione mobile lite. Titolare del sito possono richiedere pochi passaggi standard, tuttavia, per ottimizzare il sito Web per il Web mobile e rendere il loro sito Web mobile amichevole.

Istruzioni

1

Creare un foglio di stile separato per i dispositivi mobili dichiarando l'opzione palmare per l'attributo media durante il collegamento il foglio di stile mobile a pagine HTML. Aggiunta di un foglio di stile alternativo per i dispositivi mobili verranno respinti da quelli di tutti gli stili dal foglio di stile di schermo, il foglio di stile reso da normali computer. Utilizzando un foglio di stile separato per i browser mobili permette di proprietari di siti Web per la versione mobile del loro sito Web in modo diverso per ospitare piattaforme e vari browser per dispositivi mobili di stile.

2

Ridimensionare le immagini per schermi di piccole dimensioni con software di editing delle immagini. Schermi mobili più piccoli in genere hanno più difficoltà a riprodurre le immagini più grandi e ridimensionarle al volo. Inoltre, visualizzazione di immagini più grandi su piccoli dispositivi mobili consuma larghezza di banda e tempo di caricamento. Ridurre i tempi di carico e risparmiare larghezza di banda con la compressione di immagini di dimensioni.

3

Presentare tutti i contenuti in formato lineare e una colonna. Rimuovere tutte le colonne, carri allegorici e fotogrammi dai fogli di stile mobile. Questi elementi tendono a causare problemi di visualizzazione per dispositivi mobili. Inoltre, evitare l'uso di pixel quando si dichiara le misure di altezza e larghezza in CSS. Pixel creare dimensioni del browser rigidi che potrebbero apparire troppo grande per alcuni schermi mobili, causando agli utenti di scorrere orizzontalmente. Invece, fanno uso di percentuale ed em unità di misura per creare dimensioni browser fluido, adatti a più dimensioni dello schermo.

4

Fornire la navigazione del sito chiaro e conciso. Navigazione Internet mobile produce elevate frequenze di rimbalzo, perché i lettori mobili vogliono arrivare al contenuto desiderato in pochi click possibile. Rimuovere collegamenti a sezioni del sito inferiore in via prioritaria per gli spettatori mobili. In alternativa, spostare menu di navigazione nella parte inferiore della pagina per servire più importanti elementi come il contenuto in primo luogo, dice Patrick Altoft al Blog.

5

Test di cordialità mobile del sito. La stessa moda siti web regolari faccia test, versioni mobile dei siti Web richiedono test e convalida. Prova la versione mobile del sito Web su smartphone popolari, come BlackBerry e iPhone e dispositivi mobili più di base. Verifica amicizia complessiva della telefonia mobile di un sito Web mediante la convalida di W3C MobileOK Checker (Vedi risorse). Garantendo che un sito Web è conforme agli standard Web mobile assicura la compatibilità del sito su più dispositivi mobili.

Consigli & Avvertenze

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