Utformad för mobil
Silktide läser in varje sida på en simulerad mobil enhet och kontrollerar om den överhuvudtaget är utformad för att fungera där – om den anpassar sig till en smal skärm eller helt enkelt bara visar en förminskad version av skrivbordssidan.
Varför detta är viktigt
Mer än hälften av all webbtrafik kommer från mobila enheter, så en sida som bara fungerar på datorer misslyckas med att nå större delen av sin målgrupp redan vid det första trycket. Besökare som möts av pytteliten text och ändlösa nypgester för att zooma lämnar sidan; sökmotorer, som indexerar den mobila versionen av sidor först, rankar webbplatsen därefter.
Det här kontrollen upptäcker det grundläggande felet – en sida som helt saknar mobilanpassning – snarare än problem med detaljer och finputsning. En sida som klarar kontrollen kan fortfarande ha mindre mobilproblem, som andra kontroller hanterar.
Så åtgärdar du problemet
Den hållbara lösningen är , så att samma sida anpassar sig till alla skärmbredder. Om din webbplats är äldre än responsiv design innebär det vanligtvis en ombyggnad eller ett nytt tema – de flesta moderna teman för är responsiva direkt. Mer specifikt:
- Ange en mobil i varje sidas head-element:
<meta name="viewport" content="width=device-width, initial-scale=1">
- Använd flexibla layouter och -mediefrågor så att innehållet flödar om till en enda kolumn på smala skärmar, i stället för att låsa sidan till en skrivbordsbredd.
- Håll brödtexten i en läsbar storlek på mobiler – undvik designer som förminskar hela sidan för att få plats.
- Testa på en riktig telefon eller med webbläsarens enhetsemulering, vid bredder ned till omkring 320 pixlar.
Så testar Silktide detta
- Läs in sidan på en simulerad mobil enhet.
- Kontrollera att sidan anger en användbar viewport. Om viewport saknas eller är låst till en bredd över 480 pixlar underkänns sidan – detta är det absoluta minimumet för mobilanpassning.
- Mät den synliga texten: om mer än 35 % av den visas i en oläslig storlek (under 10 pixlar efter zoomning) underkänns sidan.
- Kontrollera hur mycket sidan zoomas ut för att få plats på skärmen: en zoomning under 60 % av normal storlek innebär att sidan i praktiken är en skrivbordslayout och underkänns.
- En sida klarar kontrollen när den inte uppvisar något av dessa problem. Silktide rapporterar också över tid hur många sidor som inte är utformade för mobil.
Felsökning
Min sida ser bra ut på min telefon
Vissa sidor verkar fungera utan problem men underkänns ändå på grund av en signal
ovan – till exempel en viewport-tagg som genereras av ett äldre verktyg och har
en fast bredd. Visa sidans källkod och kontrollera att taggen
<meta name="viewport"> överensstämmer med det rekommenderade formatet.
Kontrollen godkänns, men min mobila upplevelse är dålig
Att sidan klarar kontrollen innebär att den uppfyller grundkraven, inte att den är optimal. Se de relaterade kontrollerna för liten text, små tryckytor och inaktiverad zoomning.