Utformet for mobil

Silktide laster inn hver side på en simulert mobilenhet og kontrollerer om den i det hele tatt er utformet for å fungere der – om den tilpasser seg en smal skjerm eller bare viser en forminsket skrivebordsside.

Hvorfor dette er viktig

Mer enn halvparten av nettrafikken kommer fra mobile enheter, så en side som bare fungerer på en datamaskin, mister de fleste av brukerne allerede ved første trykk. Besøkende som møter liten tekst og endeløs kniping for å zoome, forlater siden. Søkemotorer, som indekserer mobilversjonen av sider først, rangerer nettstedet deretter.

Denne kontrollen oppdager den grunnleggende feilen – en side som ikke er utformet for mobil i det hele tatt – i stedet for problemer med finpuss. En side som består, kan fortsatt ha mindre mobilproblemer som andre kontroller dekker.

Slik løser du det

Den varige løsningen er , slik at den samme siden tilpasser seg alle skjermbredder. Hvis nettstedet ditt er fra før responsivt design, betyr dette vanligvis en ombygging eller et nytt tema – de fleste moderne -temaer er responsive fra starten av. Nærmere bestemt:

Angi en mobil- i <head>-elementet på hver side:

<meta name="viewport" content="width=device-width, initial-scale=1">

Bruk fleksible oppsett og -mediespørringer slik at innholdet flyter om til én kolonne på smale skjermer, i stedet for å låse siden til en skrivebordsbredde.
Hold brødteksten på en lesbar størrelse på mobile enheter – unngå design som krymper hele siden for å få plass.
Test på en ekte telefon eller med nettleserens emulering av mobilenheter, med bredder ned mot rundt 320 piksler.

Slik tester Silktide dette

Last inn siden på en simulert mobilenhet.
Kontroller at siden angir en brukbar viewport. En manglende viewport, eller en viewport som er fastsatt til mer enn 480 piksler, gjør at siden ikke består – dette er minimumskravet for mobilstøtte.
Mål den synlige teksten: Hvis mer enn 35 % av den vises i en uleselig størrelse (under 10 piksler etter zooming), består ikke siden.
Kontroller hvor mye siden zoomes ut for å passe på skjermen: En zoom under 60 % av normal størrelse betyr at siden i praksis er et skrivebordsoppsett, og at den ikke består.
En side består når den ikke viser noen av disse problemene. Silktide rapporterer også hvor mange sider som ikke er utformet for mobil over tid.

Feilsøking

Siden min ser bra ut på telefonen

Noen sider ser akseptable ut, men består likevel ikke en kontroll ovenfor – for eksempel kan en viewport-tag som er generert av et eldre verktøy, ha en fast bredde. Vis kildekoden til siden og kontroller at <meta name="viewport"> følges anbefalt format.

Kontrollen består, men mobilopplevelsen min er dårlig

At siden består, betyr at den oppfyller grunnleggende krav, ikke at den er optimal. Se de relaterte kontrollene for liten tekst, små trykkmål og deaktivert zooming.