Bygge nettsider for mobiler
Hvordan lage brukervennlige mobilsider som øker trafikk og profitt

Hvorfor bry seg om mobilvennlige nettsider?
Å bygge nettsider tilpasset for mobiler er noe som har fått mer og mer betydning de siste årene. Flere brukere benytter seg av telefonen når de bestiller time hos frisøren, kjøper seg nye klær på Zalando eller booker hotellrom til sommerferien. Dette gjelder for de aller fleste bedrifter. Derfor burde nettsiden deres bygges med et responsivt design slik at den kan vise bedriften frem på en god og attraktiv måte på mobiler. Det er derimot uvant for mange å skulle skvise alt inn på en liten skjerm, så her er noen tips for hvordan du får det til.
SEO på mobil og synlighet på Google
SEO eller søkemotoroptimalisering er en av de beste måtene å få inn gratis trafikk til nettsiden på. Det sikrer også at du får inn riktig trafikk og ikke bare kunder som uansett ikke vil kjøpe produktet eller tjenesten din. I korte trekk vil Google og andre søkemotorer ønsker å vise brukerne sine det mest relevante innholdet tilpasset brukerens ønske. Om en person søker på "Frisør Trondheim" viser Google det beste innholdet innenfor de nøkkelordene. Dersom "Bobs Frisør Trondheim" har optimalisert nettsiden sin for SEO vil de dukke opp øverst, og som et resultat - få flere bookinger. Google viser alltid de beste nettsidene for nøkkelordene som søkes på.
Om kunder, som oftest besøker nettsiden din på telefon, liker nettsiden din, vil Google foreslå den til andre brukere og du får flere kunder kun på grunn av et godt digital rykte. Ikke på grunn av betalt reklame, selv om det også har sine fordeler. Hvordan man optimaliserer for SEO kan du lese om her.
Grunnleggende prinsipper for mobilvennlig design
Det skumle, men fine med å bygge nettsider for mobil er at plassen er betydlig mer begrenset enn på PC. Det begrenser mulighetene du har til å vise frem info på en tydelig måte og gjør valgene du tar enda enklere.
Hold det enkelt
Kanskje ikke spesifikt for mobil, men uansett noe du bør overholde. Å holde strukturen enkel, teksten lesbar og bilder der de hjelper å beskrive produktet eller tjenesten, er det viktigste du kan gjøre for at brukere skal ha en positivt opplevelse med nettsiden din. Uansett hvordan du strukturerer nettsiden din bør du utnytte plassen best mulig og alltid tenke på at det skal være enkelt for brukeren å forstå. Om du sørger for at dette går igjen på siden din er du på god vei allerede.
Start designet på mobil
Fra tidligere har det vært standard å utvikle nettsider for PC når man setter i gang, og senere tilpasse den mobiler og tablets. Dersom du ser for deg at de fleste av brukerne dine kommer til å besøke nettsiden på telefon kan du vurdere å starte designet eller utviklingen på telefon. Ved å begynne på mobil-størrelse sørger du for at den blir best mulig for de fleste brukerne dine før du senere kan skalere den opp til å passe på større skjermer, og resten av brukerne. Da kan du heller legge til flere elementer på de større skjermene i stedet for å måtte endre eller fjerne elementer når du innser at de ikke passer på mobilen. Om du starter på mobil vil du garantere at innholdet ditt ikke blir misforstått på grunn av at du ikke fikk endret det gode innholdet fra PC til mobil.
Unngå horisontal scrolling
Selv om noen effekter kan være kule å vise frem bør man som oftest unngå å tillate brukeren å kunne scrolle horisontalt på skjermen. Det bryter med den naturlige måten en bruker samhandler med telefonen sin og er generelt sett ikke noe man ønsker på en profesjonell nettside. Som nevnt i første prinsipp; hold det enkelt.
Verktøy for mobilvennlige nettsider
For å enklere kunne utvikle nettsider for mobiler er det noen verktøy du kan ta i bruk avhengig av nivået du er på.
Bruk visuelle nettsidebyggere
Ved å bygge nettsiden din på plattformer som Wix eller Squarespace - om du ikke kan så mye om styling, eller Webflow om du kan litt, er det tilrettelagt for at det du bygger automatisk tilpasses alle skjermer.
Lighthouse
Det viktigste du kan bruke er Google Lighthouse. Her kan du sjekke hvor godt nettsiden din presterer på mobil (og PC) ved å legge inn linken og kjøre programmet. Om alle resultatene er grønne er du ofte trygg. Er noen av dem gule eller røde bør du endre nettsiden. Særlig parameterne 'Gode fremgangsmåter' og 'SEO' bør ligge på 100.
Figma
Om du ønsker å designe nettsiden din på egenhånd kan du benytte deg av Figma. Det er en plattform hvor du kan designe alt mulig, inkludert nettsider. Her kan du velge størrelse på lerretet ut ifra hvilken enhet du skal designe for.
Oppsummering
For å oppsummere alt vi har gått gjennom:
- Å optimalisere for mobil gjør nettsiden din tilgjengelig for de fleste på nettet.
- Google plasserer nettsiden din høyere i søk om brukere liker den
- Hold mobilversjonen enkel og lett å lese
- Om du designer selv start med designet på mobil (gjerne i Figma) og øk skjermstørrelsen senere
- Unngå at innholdet flyter ut horisontalt
- Sjekk nettsiden din med Google Lighthouse
Dette vil gi deg flere og mer fornøyde kunder helt gratis!
Om du ønsker hjelp med å gjøre nettsiden din mobilvennlig eller er ute etter flere tips for hvordan nettsiden din kan prestere bedre, ta kontakt med oss her så hjelper vi deg gjerne!