06. september 2021
Hva er en responsiv nettside?
Elementene på siden vil automatisk strekkes, krympes eller flyttes for å tilpasses den tilgjengelige skjermplassen på et bredt utvalg av enheter
Enten om du sitter på jobb eller hjemme i stua, bruker du forskjellige enheter, som for eksempel mobil, nettbrett, pc eller en smart-TV. Nettsiden blir designet og utviklet slik at den tilpasser seg skjermen som blir brukt. Dette skaper en responsiv nettside.
Responsiv nettside (engelsk forkortelse RWD – Responsive Web Design) er en nettside som kan vises på alle skjermstørrelser. Elementene på siden vil automatisk strekkes, krympes eller flyttes for å tilpasses den tilgjengelige skjermplassen på et bredt utvalg av enheter. Dette gjøres særlig ved at antallet spalter reduseres når bredden på nettsiden minsker. En responsiv nettside bruker blant annet HTML og CSS media forespørsler (engelsk CSS media queries) til å tilpasse seg enhetens skjermstørrelse.
For at en nettside skal være responsiv skal den være bygget opp med tre kjernefunksjonaliteter:
- Fleksible spalter
- Fleksible media og bilder
- Bruker media forespørsler til å håndtere media samt avgjøre enhetens skjermstørrelse.
Google har 4 kriterier som brukes for å avgjøre om en side er responsiv eller ikke:
- Innholdet må være tilpasset skjermen uten å måtte scrolle sidelengs eller forstørre.
- Unngå bruk av flash som ikke støttes av mobile enheter.
- Teksten skal være lesbar.
- Linker og knapper må ha god nok avstand slik at det er enkelt å klikke på disse.
Høyere ranking på Google med responsivt design
Den som har responsive nettsider vil bli “premiert” med bedre Google ranking enn de som ikke har responsive sider.
Avgjørende å være tilpasset mobil
Har du mobilvennlig nettside vil kundene bli på siden, om du ikke har det vil de trykke seg fort ut av nettsiden. I følge Google bruker 94% mobilen for å finne lokal informasjon, og hele 77% av mobilsøk skjer hjemme eller på jobb. Statistikk viser at enkelte sider får over 70% av all sin trafikk fra mobile enheter. Les mer om mobilvennlig nettbutikk her
Responsive nettsider gjør at dine kunder kan navigere raskt og problemfritt rundt uten å måtte scrolle sidelengs eller å måtte forstørre innholdet. Du kan også tilpasse bilder til retinaskjermer slik at bildene blir sylskarpe. Gi kundene dine en god brukeropplevelse med Kréatif
Kilde:dynamis.no