Hvordan vi lager en profesjonell nettside

Vidar Slettjord20.12.2024

Hos Godt Likt Media ser vi på en profesjonell nettside som et kombinasjon av godt innhold og solid teknisk kvalitet. Selv om design spiller en rolle, er det innholdet og de tekniske løsningene som virkelig avgjør hvordan en nettside presterer.

Vi liker å skille begrepet «profesjonell nettside» i to hovedkategorier: innhold og teknisk kvalitet. Begge disse aspektene er avgjørende for hva vi mener gjør en nettside profesjonell.

I denne artikkelen ser vi nærmere på noen av de viktigste elementene og hvordan vi jobber for å ivareta dem.

Innhold

Det er innholdet som gir nettsiden verdi. Punktum.

Hvordan innholdet organiseres, formidles og gjøres tilgjengelig, er avgjørende for opplevelsen til de besøkende. Folk besøker nettsiden din for å finne informasjon, løsninger eller produkter – ikke for å beundre designet.

Godt innhold svarer på spørsmål, løser problemer eller gir inspirasjon som er relevant for den besøkende. Det øker sjansen for at vedkommende både finner og blir værende på siden, utforsker mer og utfører handlinger som å ta kontakt eller kjøpe et produkt eller tjeneste. Relevant innhold bygger tillit og viser at du forstår brukerens behov.

Like viktig er innhold for søkemotorene: de belønner og prioriterer innhold som er nyttig, informativt og relevant i forhold til det brukerne søker etter. Innholdet bør også være oppdatert og aktuelt for å opprettholde relevansen over tid. Det å kontinuerlig tilpasse innholdet på nettsiden for å bygge og opprettholde synlighet, slik at flere finner nettsiden din, er et kontinuerlig arbeid som krever innsats. Denne pågående prosessen er kjent som SEO (søkemotoroptimalisering).

Hvordan vi kan hjelpe deg

Selve innholdet kjenner du best, men vi bistår ofte med tekstlige forbedringer, strukturelle justeringer og optimalisering for bedre brukeropplevelse og synlighet. Målet vårt er å gjøre innholdet både tilgjengelig og engasjerende, slik at det leder besøkende mot ønskede handlinger, enten det er å ta kontakt, kjøpe et produkt eller utforske videre.

Design

Designets hovedoppgave er å fremheve innholdet, ikke å overskygge det. Innholdet er grunnen til at brukeren besøker nettsiden din i utgangspunktet – enten det er for å lese en artikkel, lære om det produkt, eller kontakt bedriften din.

Uansett hvor visuelt imponerende en nettside er, vil den mislykkes hvis brukeren ikke finner informasjonen de trenger raskt og enkelt. Designet skal være verktøyet som guider brukeren til innholdet, ved å organisere, formidle og tilgjengeliggjøre innholdet på en god måte. Det betyr blant annet tydelig tekst, intuitive knapper, logisk struktur og nok luft rundt elementene til å holde det ryddig.

Et design som prøver å være for kreativt eller «fancy», kan distrahere brukeren og gjøre det vanskeligere å finne det de faktisk leter etter.

Hos Godt Likt Media versetter vi minimalisme: Når designet er enkelt og rent, kommer budskapet tydeligere frem.

Et minimalistisk design lar brukeren fokusere på innholdet, uten distraksjoner. Det skaper også en følelse av profesjonalitet og tillit – du viser at du er trygg nok på budskapet ditt til at du ikke trenger unødvendige visuelle «kunstgrep». En nettside for en kunstner, designer eller kreativ virksomhet kan likevel tillate mer eksperimentering med farger, design og uvanlige layout-løsninger for å skape en visuell identitet som skiller seg ut.

Men for alle oss andre, hold det enkelt og brukervennlig!

Slik jobber vi med design

«Don't Make Me Think» er en bok skrevet av Steve Krug som understreker at nettsider skal være så intuitive og enkle å bruke at brukerne ikke trenger å tenke på hvordan de skal navigere eller finne informasjon.

Krug mener at dersom brukere må bruke mental energi på å forstå hvordan de skal bruke en nettside, eller hvis de blir forvirret av designet eller strukturen, er det en dårlig brukeropplevelse. Tanken er at nettsiden skal være så klar og enkel at det føles naturlig for brukeren å utføre handlingene de ønsker, uten å måtte tenke på hvordan de skal gjøre det.

Vi deler dette synet på design. Selv om vi kan designe og utvikle nettsider med avanserte visuelle effekter og grafiske elementer, er dette ikke nødvendigvis til det beste for verken de besøkende eller deg som eier av nettsiden.

Nettsidene våre er tilpasset både din profil, bransje og målgruppe, med særlig fokus på brukervennlighet. Innholdet blir organisert på en måte som gjør det enkelt for besøkende å finne det de trenger. Samtidig kan vi håndtere mer avanserte løsninger når det er behov for det, eller om du ønsker det. Målet er å hjelpe deg med å finne den riktige løsningen som både fungerer godt og er enkel å bruke, uten unødvendig kompleksitet.

Vi liker å lage nettsider med et rent og enkelt design, der typografi, luft og enkle designvalg bidrar til at innholdet får den oppmerksomheten det trenger.

Teknisk kvalitet

Design og innhold er viktig, men det mister sin verdi hvis nettsiden ikke fungerer raskt og pålitelig. Hvis siden er treg eller ustabil, vil mange besøkende forlate den før de rekker å oppdage hva du tilbyr. Det påvirker også rangeringen din i søkemotorer, som gjør at færre finner frem til siden din.

Den tekniske delen av en nettside er usynlig, helt til noe går galt. Derfor blir den ofte oversett. Mange kjøper nettsider uten å vurdere de tekniske løsningene, fordi «en nettside er vel bare en nettside». Men bak kulissene er det nettopp den tekniske kvaliteten som sikrer en rask, sikker og problemfri opplevelse for både brukere og søkemotorer.

Det tekniske grunnlaget for en nettside er som fundamentet for et hus: Du ser det kanskje ikke, men det påvirker alt. En rask og stabil nettside gir ikke bare en bedre opplevelse for brukerne dine – det kan også være forskjellen mellom å vinne nye kunder eller miste dem til konkurrentene.

«Raske nettsider»

Hvorfor snakker folk så mye om «raske nettsider»?

Vel, Google er klare på en ting: Brukeropplevelsen på en nettside er en viktig faktor som påvirker rangeringen i søkemotoren deres. Hastighet er en avgjørende del av denne opplevelsen – hvor raskt nettsiden lastes inn, og hvor raskt brukeren kan begynne å interagere med innholdet. Selv om mange av oss er heldige som har tilgang til fiber og raskt internett, gjelder ikke dette alle. I deler av landet, og for mange brukere globalt, er internettilgang ofte tregere. Derfor er det viktig å sørge for at nettsiden fungerer godt også under mindre ideelle forhold.

Google tilbyr verktøy som gjør det enkelt for oss å teste nettsidene våre. Med Core Web Vitals kan vi måle nettsidens ytelse basert på de samme kriteriene som Google selv bruker. Verktøyet gir tilbakemeldinger om hva som fungerer bra, hva som mangler, og hva som bør forbedres for å sikre en rask, stabil og god opplevelse for alle brukere, uansett netthastighet.

Slik lager vi super-raske nettsider

Vi er eksperter på å lage raske nettsider, og derfor bygger vi dem fra bunnen av med de beste verktøyene og metodene for å sikre rask innlasting og høy ytelse. Ved å utvikle nettsidene fra bunnen av og kun inkludere nødvendig funksjonalitet, unngår vi overflødig kode og tunge elementer som kan bremse hastigheten. I tillegg komprimerer vi tekst og bilder uten å gå på kompromiss med kvaliteten.

Vi bruker Astro, som genererer statiske filer (SSG), for å lage nettsider som lastes ekstremt raskt. Statiske filer betyr at sidene våre er forhåndsgenerert, slik at vi slipper å hente data fra databasen hver gang en bruker besøker en side. Det blir ikke raskere enn det!

Vi bruker ikke WordPress eller lignende systemer som ofte innebærer unødvendig kompleksitet og treghet. I stedet fokuserer vi på lettvektsløsninger som er laget for å prestere på topp.

Alle våre nettsider hostes på servere i Oslo. Jo nærmere serverne er brukerne, desto raskere lastetider får de. Å ha servere i Norge gir også bedre personvern og samsvar med norske og europeiske lover.

For å sikre at nettsidene våre alltid presterer raskt, gjennomfører vi hastighetstester under utviklingsprosessen og ser etter forbedringsmuligheter. Vi optimaliserer filstørrelsene for å sikre raske lastetider, også på mobile enheter og i områder med lavere nettverkshastigheter.

En rask nettside betyr ikke at design eller funksjonalitet går på bekostning av ytelse. Det handler om å beherske de rette teknikkene, verktøyene og faget for å skape nettsider som yter godt.

Test nettsiden vår på Core Web Vitals: naviger mellom «Mobile» og «Desktop» og se hvordan nettside vår presterer – og kjør gjerne testen flere ganger.

Universell utforming

Det er viktig å merke seg at brukeropplevelsen ikke bare handler om hastighet, men også tilgjengelighet for personer med funksjonsnedsettelser. Mange nettsteder er ikke godt nok designet for å imøtekomme personer med nedsatt syn, motoriske ferdigheter eller andre funksjonshemninger.

Det er i dag et krav om universell utforming av nettsider i både offentlig og privat sektor. Tilsynet for universell utforming av ikt har ansvar for å følge opp forskrift om universell utforming av IKT-løsninger, knyttet til likestillings- og diskrimeringsloven.

Kravene til universell utforming varierer mellom offentlig og privat sektor, men det er generelt god praksis å etterleve dem. Søkemotorene belønner nettsider som oppfyller disse kravene.

Slik møter vi kravene

Vi utvikler og tester nettsidene våre etter WCAG-standarden (Web Content Accessibility Guidelines). Dette betyr at vi bygger nettsider som er tilgjengelige for alle, inkludert personer med nedsatt syn, motoriske utfordringer eller andre funksjonsnedsettelser. Ved å etterleve disse retningslinjene bidrar vi til å sikre bedre brukeropplevelser, økt tilgjengelighet og overholdelse av kravene til universell utforming.

Standarden er omfattende og dekker mange punkter en nettside bør ha på plass. Eksempler på dette er: alternativ tekst for bilder, god kontrast og lesbarhet, tastaturvennlig navigasjon, strukturert og semantisk HTML, samt tilgjengelige skjemaer og feilmeldinger.

De fire prinsippene i WCAG er: mulig å oppfatte, mulig å betjene, forståelig og robust, som sammen sikrer at innhold er tilgjengelig for alle brukere, uavhengig av deres evner eller hjelpemidler.

Sikkerhet

Sikkerhet på nettsider er et område mange kanskje ikke tenker på før noe går galt, men det er viktig for å beskytte både deg og dine besøkende.

Det anslås at rundt 30 000 nettsider blir hacket daglig på verdensbasis, og nettsider bygget med WordPress topper den dystre statistikken. Dette skyldes blant annet at WordPress er et av de mest brukte systemene, noe som gjør det til et populært mål for hackere. Mange nettsider er utsatt fordi de ikke oppdateres regelmessig, eller bruker svake passord og sårbare plugins.

En av de viktigste tingene du kan gjøre for å beskytte nettsiden din, er å sørge for at all programvare og kode er oppdatert. Dette gjelder ikke bare selve nettsiden, men også eventuelle plugins, temaer eller tredjepartsverktøy som benyttes.

HTTPS er en sikker versjon av vanlig HTTP, som brukes til å sende informasjon mellom nettstedet ditt og besøkende. For at HTTPS skal fungere, trenger du et SSL-sertifikat, som fungerer som en digital lås som beskytter informasjonen som sendes frem og tilbake, som for eksempel personlige opplysninger og betalingsinformasjon.

Uten HTTPS kan informasjonen sendes usikret, og det blir mye lettere for folk å «sniffe» eller fange opp dataene dine, spesielt hvis du er på et åpent og usikkert nettverk, som et gjestenettverk på et kafé eller hotell. Dette betyr at hackere kan få tilgang til sensitive data, som passord og kredittkortinformasjon, hvis de er på samme nettverk.

Hvordan fungerer det:

• Når du bruker et åpent eller usikret nettverk (som på en kafé eller et hotell), kan en hacker som er på samme nettverk «sniffe» eller overvåke datatrafikken din.
• Hvis du besøker en nettside uten HTTPS, sendes dataene dine (som passord eller annen sensitiv informasjon) i klartekst, og hackeren kan enkelt lese dem.

Selv om HTTPS gir ekstra beskyttelse, er det viktig å huske at du aldri er helt trygg på et åpent gjestenettverk. Hackere kan fortsatt forsøke å manipulere eller overvåke trafikken din, så det er alltid best å bruke et ekstra lag med beskyttelse, som en VPN, når du er på offentlige nettverk. Alternativt kan du benytte internett via mobiltelefonen din.

Slik beskytter vi nettsiden din

For å beskytte nettsidene vi utvikler, tar vi sikkerhet på alvor ved å implementere flere tiltak:

• Driftsavtale:
  Vi krever en driftsavtale som sørger for at nettsiden holdes oppdatert dersom de skal hostes i vårt driftsmiljø (gjelder ikke pakken «Landingsside»).
• Egenutviklet kode:
  Vi skriver vår egen kode – det gir oss full kontroll på hva som til enhver tid befinner seg i kildekoden og på serverne våre.
• SSL-sertifikat og HTTPS:
  Alle våre nettsider er beskyttet med et SSL-sertifikat og vi benytter HTTPS som standard. Våre driftsavtaler inkluderer gratis SSL-sertifikat.
• Serverdrift med kompetanse:
  Vi leier inn ekspertkompetanse for å drifte serverparken vår. Dette sikrer at serverne våre er riktig konfigurert, overvåket og vedlikeholdt for å hindre sikkerhetsbrudd.

Med disse tiltakene sikrer vi at nettsidene våre er både trygge og robuste, og vi tar ansvar for at nettsider driftet av oss er beskyttet mot potensielle trusler.

Mobilvennlig

I Norge estimeres det at rundt 80% av befolkningen bruker mobilen til å surfe på internett. Derfor er det viktig at nettsiden din fungerer like godt på en liten skjerm som på en stor. Dette kalles en «responsiv nettside» – en nettside som responderer på skjermens størrelse og tilpasser seg automatisk deretter.

Mobilvennlighet er også en viktig faktor for synlighet i søkemotorene. Google og andre søkemotorer prioriterer nettsider som fungerer godt på mobil, og hvis nettsiden din ikke er mobilvennlig, kan det føre til dårligere rangering i søkeresultatene.

Slik sørger vi for mobilvennlige sider

Når vi lager designskisser har vi mobilvennlighet i tankene fra starten av, slik at idéene er gjennomførbare på tvers av ulike skjermstørrelser.

Når vi koder designet tester vi nettsiden på ulike skjermstørrelser for å kontinuerlig justere design og kode. Det er en selvfølge for oss at dine nettsider fungerer like godt på alle type skjermstørrelser.

Søkemotoroptimalisering (SEO)

Søkemotoroptimalisering handler om å gjøre nettsiden din synlig i søkeresultater på søkemotorer som Google, Bing eller Yahoo. Når noen søker etter et bestemt tema, produkt eller tjeneste, ønsker du at nettsiden din skal dukke opp blant de første resultatene uten at du har betalt for plasseringen (dette kalles «organisk trafikk» – besøkende som kommer til nettsiden din uten å gå via en betalt annonse).

Fra et teknisk perspektiv er det viktig at nettsiden din legger til rette for elementer som er nødvendige for å oppnå god SEO, som korrekt bruk av kode (metadata), en god struktur, rask lasting, mobilvennlighet og sikkerhet med HTTPS.

Med «god struktur» på en nettside menes det at innholdet er organisert på en måte som både er lett å navigere for brukeren og forståelig for søkemotorer. Dette inkluderer en logisk og hierarkisk oppbygning av sider, bruk av overskrifter (H1, H2, H3 osv.) for å dele opp innholdet, en enkel menystruktur, tydelige URL-er og interne lenker som hjelper både brukere og søkemotorer med å finne relevant informasjon raskt og effektivt.

Slik tilrettelegger vi for synlige nettsider

Som nettsideleverandør sørger vi for at nettsidene vi bygger kan oppnå god synlighet i søkemotorer. Vi tar hensyn til både tekniske og strukturelle faktorer som bidrar til å forbedre SEO, uten at det kreves betalte annonser. Her er noen konkrete tiltak vi benytter:

• Korrekt bruk av metadata:
  Vi sørger for at nettsidene våre inneholder nødvendig metadata for god synlighet i søkemotorene.
• Rask lastetid:
  Vi lager super-raske nettsider som scorer høyt i «Core Web Vitals» — Google benytter scoringen til rangering av nettsider.
• Responsiv design:
  Alle nettsidene vi lager er fullt responsiv, og dermed mobilvennlig. Vi tester nettsidene på ulike enheter for å sikre at de fungerer nydelig på både mobil, nettbrett og desktop. Søkemotorene gir høyere rangering til nettsider som er mobilvennlige.
• Korrekt kode og struktur:
  Vi sørger for at koden vi skriver er korrekt skrevet og følger anbefalte standarder. Vi bruker også overskrifter i riktig hierarki (H1, H2, H3 osv.) for å organisere innholdet på en måte som er lett forståelig både for brukere og søkemotorer.
• HTTPS-sikkerhet:
  Alle våre nettsider er sikre med HTTPS, noe som både beskytter brukernes data og også er en rangeringfaktor for søkemotorene. Vi sørger for at SSL-sertifikatet er riktig implementert og alltid aktivert.
• URL-struktur og interne lenker:
  Vi sørger for at du nettsiden genererer SEO-vennlige adresser for innholdet ditt, som eksempelvis:
  «http://dittdomene.no/blogg/hvordan-vi-lager-gode-nettsider».

Med blant annet disse teknikkene sørger vi for at nettsidene er godt optimalisert for søkemotorer og at de oppfyller de tekniske kravene som er nødvendige for å oppnå god rangering og synlighet.

Så, hva nå?

Vi lager nettsider som går langt utover det du finner med løsninger som WordPress, Webflow, Wix, Squarespace og andre standardalternativer. Hos oss får du en nettside med høyere kvalitet, bedre tilpasningsevne og ytelse – bygd fra bunn av fagfolk.

Ved å samarbeide med oss kan du være sikker på at nettsiden din vil både prestere på topp og være enkel å bruke for deg og dine besøkende. Vi bygger teknisk moderne løsninger som er raske, søkemotorvennlige og fullt responsiv på alle enheter. Kombinert med en av våre driftsavtaler vil nettsiden din alltid være godt ivaretatt og oppdatert.

Klar for en profesjonell nettside? Utforsk våre nettsidepakker eller kontakt oss for en skreddersydd løsning – vi er klare til å hjelpe deg!