01 / MOBILOPTIMERING
Vad innebär mobiloptimering?
En mobilanpassad sida ändrar inte bara storlek, den ändrar ordning och prioritet. Det som är viktigast behöver komma först, och det som fungerar i en bred kolumn på datorn behöver ofta se annorlunda ut i telefonen.
Responsiv layout
Sidans kolumner, bilder och innehållsblock läggs om efter skärmens bredd i stället för att skalas ner. Innehåll som står bredvid varandra på datorn hamnar under varandra i telefonen.
Läsbar text
Textstorlek, radavstånd och radlängd anpassas så att texten går att läsa utan att zooma. För korta eller för långa rader gör texten jobbigare att ta till sig.
Knappar och länkar som går att träffa
Klickytor behöver vara tillräckligt stora och ha utrymme emellan sig. Länkar som ligger tätt är lätta att missa när man navigerar med tummen.
Bilder och laddtid
Bilder levereras i storlekar som passar skärmen i stället för att skickas i full upplösning. Det påverkar hur snabbt sidan känns, särskilt på mobildata.
Navigation på små skärmar
Menyn behöver gå att öppna, stänga och använda med en hand. Viktiga kontaktvägar som telefonnummer görs klickbara.
02 / VARFÖR DET SPELAR ROLL
Vad besökaren märker
En besökare i telefonen bestämmer sig snabbt. Om texten är för liten, knappen för svår att träffa eller sidan tar för lång tid att ladda är det enkelt att backa och gå vidare till nästa träff i sökresultatet.
Hittar informationen
Öppettider, tjänster och kontaktuppgifter går att hitta utan att zooma eller leta.
Kan höra av sig direkt
Telefonnummer och formulär fungerar med ett tryck, inte flera steg.
Sidan känns snabb
Mindre bildfiler och enklare layout gör att innehållet syns tidigare.
Slipper feltryck
Större knappytor och tydligare avstånd minskar risken att trycka fel.
03 / FRÅGOR OCH SVAR
Vanliga frågor om mobiloptimering
Är responsiv design och mobiloptimering samma sak?
Responsiv design är tekniken som gör att layouten anpassas efter skärmen. Mobiloptimering är bredare och omfattar även läsbarhet, laddtid, knappstorlekar och i vilken ordning innehållet visas.
Behövs en separat mobilsida?
Nej, i normalfallet byggs en och samma sida så att den fungerar på alla skärmstorlekar. Separata mobilsidor skapar dubbelt underhåll.
Kan en befintlig hemsida mobilanpassas?
Ofta ja. Hur mycket som går att förbättra beror på hur sidan är byggd. Ibland räcker det med justeringar, ibland är en ombyggnad rimligare.
Påverkar mobilanpassning synligheten i Google?
Google utgår från mobilversionen av en sida när den bedöms. En sida som fungerar dåligt i telefonen har därför sämre förutsättningar, även om det är en av många faktorer.