Designet til mobil
Silktide indlæser hver side på en simuleret mobilenhed og tjekker, om den overhovedet er designet til at fungere der – om den tilpasser sig en smal skærm eller blot viser en formindsket desktopside.
Hvorfor det er vigtigt
Mere end halvdelen af webtrafikken kommer fra mobil, så en side, der kun fungerer på desktop, svigter størstedelen af sit publikum ved første tryk. Besøgende, der mødes af lille tekst og endeløs knib-zoomning, forlader siden; søgemaskiner, som først indekserer mobilversionen af sider, rangerer sitet derefter.
Dette tjek fanger den grundlæggende fejl – en side uden mobildesign overhovedet – frem for problemer med finpudsning. En side, der består, kan stadig have mindre mobilproblemer, som andre tjek dækker.
Sådan løser du det
Den holdbare løsning er , så den samme side tilpasser sig enhver skærmbredde. Hvis dit site er fra før responsivt design, betyder det normalt en genopbygning eller et nyt tema – de fleste moderne -temaer er responsive fra starten. Konkret:
- Angiv et mobilt i hver sides head:
<meta name="viewport" content="width=device-width, initial-scale=1">
- Brug fleksible layouts og -medieforespørgsler, så indholdet ombrydes til én kolonne på smalle skærme i stedet for at fastlåse siden til en desktopbredde.
- Hold brødteksten i en læsbar størrelse på mobil – undgå design, der formindsker hele siden for at få den til at passe.
- Test på en rigtig telefon eller med din browsers enhedsemulering ved bredder ned til omkring 320 pixels.
Sådan tester Silktide dette
- Indlæs siden på en simuleret mobilenhed.
- Tjek, at siden angiver et brugbart viewport. Et manglende viewport eller et, der er fastsat til mere end 480 pixels i bredden, får siden til at fejle – dette er minimumskravet for mobilunderstøttelse.
- Mål den synlige tekst: Hvis mere end 35 % af den vises i en ulæselig størrelse (under 10 pixels efter zoom), fejler siden.
- Tjek, hvor meget siden zoomer ud for at passe til skærmen: Zoom under 60 % af normal størrelse betyder, at siden reelt har et desktophjælpelayout, og den fejler.
- En side består, når den ikke har nogen af disse problemer. Silktide rapporterer også over tid, hvor mange sider der ikke er designet til mobil.
Fejlfinding
Min side ser fin ud på min telefon
Nogle sider kan se acceptable ud, mens de stadig fejler på et af signalerne
ovenfor – for eksempel et viewport-tag, der er genereret af et ældre værktøj
med en fast bredde. Se sidens kildekode, og tjek, at tagget
<meta name="viewport"> matcher den anbefalede form.
Tjekket består, men min mobiloplevelse er dårlig
At bestå betyder, at siden opfylder de grundlæggende krav, ikke at den er optimal. Se de relaterede tjek for lille tekst, små trykmål og deaktiveret zoom.