Hvordan gjøre nettstedet Mobile Friendly

Opprette en mobil-vennlig nettside har blitt avgjørende for hvilken som helst nettside som ønsker en tilstedeværelse på mobil web. Gitt den økte mengden av personer med tilgang til nettsteder fra Internett-aktiverte mobile enheter, vil nettsteder utilgjengelige fra mobile enheter miste en betydelig del av de besøkende. Nettleserkompatibilitet er fortsatt den største utfordringen i å transformere et nettsted til et lite mobilversjon. Nettstedet eiere kan ta noen standard skritt, men å optimalisere deres hjemmeside for mobil web og gjøre sitt nettsted mobile vennlig.

Bruksanvisning

1 Opprett en egen stil ark for mobile enheter ved å erklære den håndholdte alternativ for media attributtet når du kobler mobil stilark til HTML-sider. Legge til en alternativ stilark for mobile enheter overstyrer alle stilarter fra skjermen stilark, stilark gjengitt av vanlige datamaskiner. Ved hjelp av et eget stilark for mobile nettlesere lar eiere å style den mobile versjonen av deres hjemmeside annerledes for å imøtekomme varierende mobile nettlesere og plattformer.

2 Endre størrelsen på bilder for små skjermstørrelser med bilde redigering programvare. Mindre mobile skjermer vanligvis har en vanskeligere tid gjengi større bilder og endre størrelse på dem på fly. I tillegg ser større bilder på små mobile enheter bruker lastetid og båndbredde. Reduser lastetider og spare båndbredde ved å komprimere bildestørrelser.

3 Present alt innhold i en lineær, én kolonne format. Fjern alle kolonner, flyter og rammer fra mobile stilark. Disse elementene har en tendens til å forårsake synsproblemer for mobile enheter. I tillegg unngå å bruke piksler når erklære høyde og bredde målinger i CSS. Pixels lage stive nettleserstørrelser som kan vises for stor for enkelte mobilskjermer, forårsaker brukere å bla horisontalt. I stedet gjøre bruk av prosent og em måleenheter for å lage flytende nettleserstørrelser, egnet for flere skjermstørrelser.

4 Gi klare og konsise nettstedet navigasjon. Mobile Internett-surfing produserer høy fluktfrekvens fordi mobil leserne ønsker å få til ønsket innhold i så få klikk som mulig. Fjern linker til deler av nettstedet lavere prioritet for mobile seere. Du kan også flytte navigeringsmenyer til bunnen av siden for å tjene mer viktige elementer som innhold først, sier Patrick altoft på Blogstorm.

5 Test nett mobile vennlighet. På samme måte vanlige nettsteder ansikt testing, mobile versjoner av nettsteder krever testing og validering. Test nett mobile versjonen på populære smarttelefoner, som Blackberry og iPhone, og mer grunnleggende mobile enheter. Sjekk en nettside samlede mobile vennlighet ved å validere med W3Cs MobileOK Checker (se Ressurser). Sikre et nettsted Oppfyller mobile webstandarder sikrer nettstedets kompatibilitet på tvers av flere mobile enheter.

Hint

• Eliminere eventuelle unødvendige bilder eller funksjoner som kan forsinke en nettside mobile lasteprosessen.
• Hvis mobile enheter er ikke tilgjengelig for testing, Opera-nettleseren tillater brukere å vise nettsteder i en liten skjerm for å måle hvor en mobil enhet ville gjengi siden.