Vad mobilanpassad betyder
En mobilanpassad, eller responsiv, webbplats är samma webbplats för alla skärmar, men layouten ändras efter skärmens bredd. Kolumner läggs under varandra, menyn fälls ihop, bilder skalas om och knappar blir tillräckligt stora för tummen. Besökaren ska aldrig behöva zooma eller scrolla i sidled.
Det räcker inte att webbplatsen tekniskt fungerar i mobilen. Den ska vara utformad för hur människor använder mobilen: i korta stunder, ofta med en hand och ibland med svag uppkoppling.
Kontrollera din webbplats
| Problem | Följd | Åtgärd |
|---|---|---|
| Liten text | Besökaren måste zooma | Större grundtext och radavstånd |
| Små knappar och länkar | Felklick och irritation | Större klickytor med avstånd |
| Tunga bilder | Lång laddtid i mobilnät | Moderna bildformat och rätt storlek |
| Popup-fönster som täcker sidan | Besökaren lämnar | Diskreta meddelanden som går att stänga |
| Långa formulär | Färre förfrågningar | Färre fält och rätt tangentbord per fält |
Öppna din egen webbplats i mobilen och försök kontakta dig själv med en hand. Tar det mer än några sekunder att hitta kontaktvägen finns det mycket att vinna.
Mobil och Google
Google indexerar och rankar i första hand mobilversionen av en webbplats. Innehåll som döljs eller saknas i mobilen kan därför påverka synligheten negativt. Google mäter också hur snabbt sidorna laddar och hur stabilt de visas för riktiga besökare. Läs mer i laddtid och Core Web Vitals och om SEO-anpassad webbplats.
Så bygger vi mobilanpassat
- 1Vi utformar mobilversionen först och bygger sedan ut för större skärmar.
- 2Kontaktknapp eller telefonnummer syns utan att besökaren behöver leta.
- 3Bilder levereras i rätt storlek för varje skärm.
- 4Formulär använder rätt tangentbord, till exempel siffror för telefonnummer.
- 5Vi testar på riktiga mobiler med olika storlekar innan lansering.
Vi testar på riktiga mobiler i olika storlekar och med Googles verktyg för laddtid, både före lansering och efter större ändringar.
Ny webbplats eller ombyggnad
| Alternativ | Passar | Pris |
|---|---|---|
| WordPress Företag | Ny webbplats, upp till 8 sidor | från 19 900 kr |
| WordPress Plus | Ny webbplats med unik design, upp till 20 sidor | från 29 900 kr |
| Redesign | Befintlig webbplats som inte fungerar i mobilen | från 24 900 kr |
| Prestandaoptimering | Mobilanpassad men långsam WordPress | 6 900 kr |
Är din webbplats gammal och inte responsiv är det oftast bäst att bygga om webbplatsen. Se alla webbyråtjänster.
Det mobila besöket steg för steg
För att förstå vad som behöver fungera kan det hjälpa att följa en typisk besökare. Hon söker på din tjänst i mobilen, ofta i en kort paus, och klickar på ditt sökresultat. Därefter avgörs på några sekunder om hon stannar.
| Steg | Besökaren vill | Det som måste fungera |
|---|---|---|
| Sidan laddas | Se innehåll direkt | Snabb laddning och lätta bilder |
| Första skärmen | Förstå vad du erbjuder | Kort rubrik och tydlig bild |
| Läser vidare | Hitta pris, process och omdömen om arbetet | Korta stycken och läsbar text |
| Bestämmer sig | Kontakta dig enkelt | Synlig knapp och kort formulär |
| Skickar | Veta att det gick fram | Tydlig bekräftelse |
Varje steg där något strular kostar förfrågningar. Därför testar vi hela vägen från sökresultat till skickat formulär, inte bara hur sidan ser ut. Vill du fördjupa analysen av besökarnas beteende kan en UX-analys vara nästa steg.
