Kort svar: Responsivt webdesign betyr at nettsiden tilpasser layout, tekst og bilder til skjermen den vises på, fra mobil til stor PC-skjerm. Det er standard i dag, fordi rundt halvparten av nettbruken i Norge skjer på mobil, og fordi Google vurderer mobilversjonen av siden din.
Hva er responsivt webdesign?
En responsiv nettside har én adresse og én kode, men layouten endrer seg etter skjermbredden. På PC kan tre kolonner stå ved siden av hverandre, på mobil legger de seg under hverandre. Menyen blir en knapp, bildene skaleres ned, og teksten holder en størrelse som er lett å lese uten å zoome.
Det tekniske grunnlaget er enkelt: en viewport-tag som forteller mobilen at siden skal vises i riktig bredde, fleksible rutenett, bilder som tilpasser seg, og CSS-regler som slår inn ved bestemte skjermbredder. Det motsatte er en side som er laget for PC, der brukeren må knipe og zoome på mobil – eller en egen mobilside på en annen adresse, som i dag er unødvendig og tungvint å vedlikeholde.
Hvorfor det betyr noe
Kundene dine bruker mobil
Ifølge StatCounter sto mobil for 50 % av nettbruken i Norge i august 2026, PC for 48 % og nettbrett for 2 %. Andelen varierer mye mellom bransjer. En rørlegger eller en restaurant har ofte langt flere mobilbesøk enn en leverandør til industrien. Sjekk tallene for din egen side i analyseverktøyet før du prioriterer.
Google ser på mobilversjonen
Google bruker mobilversjonen av nettsiden når siden indekseres og rangeres. Mangler mobilversjonen innhold, lenker eller strukturerte data som PC-versjonen har, er det mobilversjonen som gjelder. En responsiv side har samme innhold på alle skjermer, og unngår dermed det problemet.
Brukeropplevelse og hastighet
Googles Core Web Vitals måler hvor raskt hovedinnholdet vises, hvor raskt siden reagerer når noen trykker, og om innholdet hopper mens siden lastes. Målene for en god opplevelse er 2,5 sekunder eller mindre for Largest Contentful Paint (LCP), 200 millisekunder eller mindre for Interaction to Next Paint (INP) og 0,1 eller mindre for Cumulative Layout Shift (CLS). Mobiler har ofte svakere prosessor og nett enn en PC, så det er gjerne på mobil disse målene ryker.
Kjennetegn på en god responsiv nettside
- Teksten er lesbar uten zoom, og linjene blir ikke for lange på store skjermer.
- Knapper og lenker er store nok til å treffe med tommelen, med luft mellom dem.
- Telefonnummer og e-post kan trykkes på, og skjemaer har riktig tastatur for e-post og telefon.
- Bildene lastes i riktig størrelse for skjermen, ikke i full PC-størrelse på mobil.
- Ingenting går utenfor skjermen, slik at brukeren må scrolle sidelengs.
- Menyen er enkel å åpne og lukke, og viktige handlinger er synlige uten å lete.
- Innholdet er det samme på mobil og PC, bare organisert annerledes.
Slik sjekker du din egen nettside
- Test på din egen mobil. Gå gjennom forsiden, en tjenesteside og kontaktskjemaet. Må du zoome, scrolle sidelengs eller lete etter knapper, har du et problem.
- Kjør PageSpeed Insights. Googles gratisverktøy viser Core Web Vitals for mobil og PC, med konkrete forslag til forbedringer.
- Se i Google Search Console. Rapporten for Core Web Vitals viser hvilke sider som har problemer på mobil, basert på data fra ekte brukere.
- Bruk utviklerverktøyet i nettleseren. I Chrome kan du vise siden i ulike skjermstørrelser for å se hvordan layouten oppfører seg.
Responsivt design og universell utforming
Nettsider i Norge skal være universelt utformet, også i privat sektor. Uutilsynet oppgir at private virksomheter skal følge 35 av kravene i WCAG-standarden, blant annet om kontrast, tekstalternativer og at siden kan brukes med tastatur. Mye av det som gjør en side god på mobil – lesbar tekst, tydelige knapper og innhold som ikke går utenfor skjermen – gjør den også enklere å bruke for alle.
Hva koster det å gjøre nettsiden responsiv?
Er siden bygget på et moderne tema eller rammeverk, handler det ofte om å rette konkrete feil: store bilder, knapper som er for små, eller elementer som går utenfor skjermen. Er siden gammel og bygget for PC, lønner det seg som regel å lage den på nytt, fordi layouten må tenkes om fra bunnen. Alle nettsider vi lager, er responsive og testet på mobil. En ny bedriftsnettside starter på 18 000 kr eks. mva. – se hva en nettside koster.
Vanlige spørsmål om responsivt webdesign
Hva er forskjellen på responsivt og mobilvennlig?
Mobilvennlig betyr at siden fungerer godt på mobil. Responsivt er den vanligste måten å oppnå det på: én side som tilpasser seg alle skjermstørrelser. En side kan i teorien være mobilvennlig uten å være responsiv, for eksempel med en egen mobilside, men det er sjelden lurt i dag.
Påvirker responsivt design rangeringen i Google?
Indirekte, ja. Google bruker mobilversjonen av siden til indeksering og rangering, og måler brukeropplevelsen med Core Web Vitals. En side som er vanskelig å bruke på mobil, risikerer å miste innhold i indeksen og taper ofte mot konkurrenter med bedre mobilopplevelse.
Hvor stor andel av nettbruken i Norge skjer på mobil?
Ifølge StatCounter sto mobil for rundt 50 % av nettbruken i Norge i august 2026, PC for rundt 48 % og nettbrett for rundt 2 %. Andelen varierer mye mellom bransjer, så sjekk tallene for din egen nettside.
Trenger jeg en app i stedet for en responsiv nettside?
Sjelden, hvis målet er å bli funnet og få henvendelser. En app lønner seg når kundene bruker den ofte, eller når du trenger push-varsler, offline-bruk eller tilgang til telefonens funksjoner. Les mer i sammenligningen av webapp og mobilapp.