Skip to content

5 steg til en mobiloptimalisert nettside

2 mins read

Det begynner å bli noen år siden, men det er fortsatt en del som ikke har fått med seg dette: I 2015 endret Google algoritmen sin slik at de nå “straffer” nettsider som ikke er tilstrekkelig mobiloptimalisert.

Endringen i søkealgoritmen betyr i praksis at søk fra mobile enheter vil prioritere de nettsidene som er tilpasset mobil. Dersom siden din ikke er det, vil du bli vanskeligere å finne i Google.

Visste du at hele 91 % av B2B-kjøpere gjør research online før de handler? Med tanke på dette, burde synlighet i søkemotorer være en topp prioritet. Vi gir deg derfor noen enkle steg til hvordan du sikrer deg en mobiloptimalisert og synlig nettside.

1) Ha en responsiv nettside

Du har kanskje opplevd at du går inn på en nettside hvor du må bla bortover fordi siden ikke komprimeres til skjermen? Ikke bare er det veldig irriterende, det er også svært ødeleggende for hvor bra nettsiden gjør det i søkemotorer.

At nettsiden din er brukervennlig på desktop er selvsagt viktig, men dersom den ikke fungerer på mindre flater vil du kunne miste en hel del potensielle prospekter. Avhengig av bransje ligger andelen søk fra mobil på mellom 39 og 72 %. Det å ha en responsiv nettside er derfor viktig for ikke å miste de brukerne som sitter på mobil eller tablet.

Responsiv betyr at nettsiden automatisk tilpasser seg den enheten besøket kommer fra.

De fleste nettsider har navigeringsmeny i headeren på siden med ulike elementer bortover. Når du går inn på en mobiltilpasset side vil du se at denne menyen samler seg i en dropdown-meny, slik at du enkelt kan se alle elementene på en liten skjerm. Dette er et av mange eksempler på hvordan siden kan bli lettere å bruke fra mobil.

Usikker på om nettsiden din er optimalisert for mobil eller ikke? Se hva Google mener her.

2) Less is more

En vanlig tabbe mange gjør er å ha akkurat den samme informasjonen på nettsiden som på mobil. Dette er ikke nødvendigvis alltid feil, men husk at en tekst på fem linjer på desktop vil virke mye lenger når du ser den på en mobilskjerm.

Samtidig bør du tenke over hvorfor brukeren besøker nettsiden fra mobilen, og ikke desktopen. Sannsynligvis er personen på farten, noe som betyr at du får mindre tid på å presentere budskapet ditt, i tillegg til at du får mindre plass å gjøre det på. Bytt derfor ut lange tekster med mindre informasjon, fjern unødvendige elementer og gjør lange skjemaer kortere.

3) Gjør nettsiden SMART

I HubSpot kan du ta i bruk SMART-regler for å tilpasse innholdet til enhver besøkende. En av mulighetene du får er å gjøre nettsiden smart for ulike enheter. Her kan du lage én versjon av et element som er tilpasset både desktop, nettbrett eller mobil.

Nettsider fra A til Å

 

Bruker du Call-to-Actions (CTA) på nettsiden din, kan du lage egne knapper som blir mer synlige på mobil. Du kan også skrive en lang bloggpost for desktop, og lage en kortere versjon som vises på mobil. Du kan lese mer om smart-regler på HubSpot her.

En typisk "bannerformet" CTA vil fungere fint på desktop, men blir fort vanskelig å både lese og trykke på når den vises på mindre skjermer som mobil. Da kan du lage en egen versjon som kun er synlig på mobil. Denne burde ha mindre tekst og en knapp som er enkel å trykke på.

4) Hold lastetiden under 3 sekunder

Dette gjelder både for desktop og mobil, men som tidligere nevnt har du enda mindre tid på å overbevise en besøkende på mobil. Vi er utålmodige, og 47 % sier at de forventer at en nettside skal lastes innen to sekunder.

Hvis du vil teste om nettsiden din presterer godt kan du bruke Website Grader. Her får du en oversikt over mobilvennlighet, ytelse, SEO og sikkerhet.

5) Mobile first

Den beste måten å sikre at siden din er optimalisert for mobil, er å begynne med å utvikle mobilversjonen. Det er nemlig lettere å skalere opp enn å skalere ned. Denne tilnærmingen til webdesign er også sentrert rundt innhold, og det er nettopp innholdet på siden de besøkende har havnet der for å se.

Du bør begynne med å prioritere innholdet du vil ha på siden, og strukturere dette i et regneark. Sørg for at alle “touch-points” er store nok til at man enkelt kan trykke seg frem på en liten skjerm, og unngå å benytte effekter som “hovering”, som kun fungerer med musepeker. Ikke minst: Test at nettsiden din fungerer godt og test på flere ulike enheter.

.

Nettsider fra A til Å