Ni steg til ny nettside

Av: Eirik Fjellaksel – senior digital rådgiver og partner, Good Morning Naug

Det er mye du må tenke på når du lager nettsider i dag. På den ene siden må du klare å engasjere brukeren og skille deg ut i mengden. På den andre siden skal du sikre at nettsiden er driftssikker, laster hurtig, optimalisert for søkemotor (SEO) og at den kan skaleres opp i fremtiden. Selv om ingen prosesser er helt like, har vi prøvd å skrive ned et utgangspunkt vi bruker når vi lager nettsider.

Steg 1: Innsikt

Innhold

Først må vi orientere oss i dagens situasjon. Hvordan fungerer eksisterende nettside, og da helst sett opp mot digital markedsføring og hvordan dere genererer trafikk. Kommer det via organisk søk på Google eller er det betalt annonsering, eller noe annet? Hva fungerer bra og bør være med videre på ny nettside, og hva er gammelt innhold som ikke er så relevant. Dette gjøres enklest med at vi snakker sammen, men også at vi får tilgang til verktøy som Google Analytics.

Teknisk

Vi går gjennom dagens nettside og ser hvordan den er bygget opp. Vi ser hvilke språk nettsiden er bygget på i dag, hvilket CMS og plugins dere bruker samt eventuelle andre systemer nettsiden er koblet mot. Spesielt det siste er viktig å belyse siden det kan skape stor variasjon i kostnadsbildet for kunden.

Organisk søk

Vi bruker verktøy som f.eks. Semrush til å skaffe oss innsikt i hvordan dere ligger an på organisk søk sett opp mot deres kategori og konkurrenter. Ved å gjøre dette får vi en oversikt over hvilken begrensninger og muligheter knyttet til søkeord og fraser, og hjelper oss å planlegge oppbygging av nettsiden og innholdet.

Målet med ny nettside

En ting er å se på hva dere har i dag. Men det viktigste er likevel å finne ut hva formålet med den nye nettsiden er. Handler det kun om å gi informasjon om selskapet, vil dere samle leads, eller selger dere kanskje produkter og tjenester direkte via nettsiden. Dette er viktig sett opp mot teknologi, SEO, innhold og ikke minst et digitalt økosystem, som igjen skal skape trafikk til nettsiden.

Mandater mellom selskap og prosjektgruppen

Når man starter å planlegge innhold og struktur på nettsiden, vil det ofte sparke i gang spørsmål som er langt større om hvem dere er som selskap. Derfor er er det lurt å avklare mandater og beslutningsmyndighet internt hos dere før man går i gang med et slikt prosjekt.

Steg 2: Wireframes / UX

Wireframes – oversikt over undersider og innhold

Når man har fått kartlagt gammelt innhold og funnet ut hva som skal lages av nytt innhold, er det viktig å strukturere dette opp i noe vi kaller wireframes.

Wireframes er en enkel skisse av nettsiden, slik at vi kan lage en god struktur på alt innhold som skal med. Vi legger ikke inn reelt innhold her, bare demo innhold. Nettopp fordi mye av innholdet utarbeides underveis mens nettsiden designes og programmeres.

Prototype – klikk deg gjennom og test flyten

Hvis prosjektet krever mye interaksjon, som f.eks. apper ofte har, lager vi som oftest en prototype. Det er en “dummy” løsning hvor kunden og testpanel kan klikke seg gjennom for å teste om flyten og navigasjonen fungerer. På den måten kan vi få feedback og gjøre justeringer helt til alt sitter perfekt.

Steg 3: Design

Når man har godkjente wireframes går vi over til å designe nettsiden. Her kan vi enten jobbe etter en eksisterende profil eller med mer blanke ark. Vi pleier først å designe opp forsiden før vi har visning til kunden. Når den er godkjent går vi videre med alle undersider.

I tillegg til selve designet er det viktig å tenke på to andre viktige faktorer: Bilder og video.

Hvilken bildestil har dere i dag? Har der allerede gode bilder, eller bør vi ta nye bilder? Hva bør være egne bilder og hva kan være stock-bilder? Alt dette hjelper vi dere med.

Vi lager ofte videoer som er integrert på nettsiden. Et eksempel er på vår egen forside hvor vi har en video som spiller i bakgrunnen. Noen ganger vil vi anbefale å ta den ekstra investeringen, mens andre ganger blir det for dyrt i forhold til nytteverdien.

Steg 4: Utvikling

Servermiljø

Utviklere hos oss setter opp servermiljø. Som oftest består dette av både test- og produksjonsserver.

CMS-struktur

Installasjon og sette strukturen for CMS. Vi anbefaler Craft CMS, men kan også jobbe i WordPress.

API

Denne delen handler om å sørge for at innhold i CMS blir tilgjengelig i font-end koden. Det vil si at det blir skrevet ut på en nettside. Denne prosessen sikrer oss at vi får med all data til front-end og at den er riktig formatert.

Front-end styling

Her koder vi opp layout, font, farger og øvrige elementer slik at innholdet er riktig i forhold til designet. Her er det viktig at vi skriver kode slik at nettsiden oppleves like bra uavhengig om du besøker den via mobil, nettbrett eller datamaskin. Designer er svært ofte involvert i denne fasen slik at det visuelle samt eventuelle animasjoner blir iveratatt.

Designer jobber tett med utviklere i denne fasen for å ivareta både det visuelle samt eventuelle animasjoner på innholdet og knapper.

Back-end

Dette er kode som i utgangspunktet ikke ligger i CMS. Det kan enten være kode vi kontrollerer selv, som f.eks. å en kalkulator. Eller det kan være koblinger mot 3.part der vi skal hente, prosessere og lagre data.

Steg 5: Implementering av innhold

Så og si alle nettsider vi lager i dag henter innholdet fra et Content Management System, forkortet til CMS. Og her er det flere ting å tenke på.

Det ene handler om å legge inn innholdet til de forsiden og de faste undersidene mens det som ofte tar lengre tid er å legge inn gammelt innhold knyttet til artikler og produkter. Det har rett og slett med mengden å gjøre.

Hvis man skal ha med gammelt innhold til den nye nettsiden, bør man ha tenkte gjennom følgende:

  • Følger man samme struktur med f.eks. overskrift, ingress, brødtekst, undertitler osv?
  • Vil de gamle bildene være store nok for det nye designet?
  • Kan vi automatisere prosessen med å flytte innholdet eller må det gjøres manuelt artikkel for artikkel?
  • Hvem skal ha tilgang til CMS, og hvilke rettigheter skal de ha?

I tillegg må det gjøres en teknisk operasjon der vi setter noe som heter 301 redirect. Det betyr at URL-ene på den gamle nettsiden din peker til ny URL, selv om den er endret. Dette gjøres for at URL-ene skal fungere for publikum, men også for at man ikke skal miste rangering på Google.

Når det kommer til hvem som gjør hva, er det forskjellig fra kunde til kunde. Noen legger innholdet selv inn i CMS, mens andre ganger gjør vi det. Samme gjelder for «content marketing» delen etter lansering, hvor noen kunder gjør det selv mens andre kunder ønsker at vi bistår med å skape engasjerende innhold over tid.

Les hvordan godt innhold bidro til å øke trafikken med 400%.

Gjør innholdet mer spennende med god layout.

Boligreportasje for Nordvik from Good Morning Naug on Vimeo.

Steg 6: Testing

Testing gjøres jo hele tiden mens man utvikler nettsiden og ikke minst når man legger inn innholdet. Men av erfaring ser vi det er lurt å sette av tid mot slutten der man tar en strukturert gjennomgang av nettsiden og sørger for at alt fungerer i henhold til planen.

Dette er en prosess som har ulik fremgangsmåte ut fra hva man ønsker å teste. Er det kun teknisk testing at alt fungerer riktig i de ulike nettlesere og plattformer, er det testing mot budskap og innhold, eller testing av navigasjon og flyt (som burde gjøres som prototype i fase 2)?

Steg 7: Lansering

Når vi lanserer flytter vi kode og innhold fra én server til én annen, samt endrer DNS-peker på domenet til den nye serveren. Vi anbefaler å legge lanseringstidspunkt til arbeidstiden slik at man har alle ressurser tilgjengelig og at overgangen går så sømløs som mulig.

Det er også å anbefale (hvis ikke kritisk pga forretningsvirksomheten) å slå av annonsering de første dagene slik at man er helt sikker på at alt fungerer når man først bruker penger på skape trafikk til nettsiden.

Steg 8: Skape trafikk (digitalt økosystem)

Når du først investerer i ny nettside er det lurt å ha en plan på hvordan vi skaper trafikk og her kommer det digitale økosystemet inn. Kort fortalt handler det om å lage en strategi og tiltaksplan for:

  • Hvem skal besøke nettsiden?
  • Hvor kommer trafikken fra?
    • Direktetrafikk
    • Organisk søk
    • Referral
    • Nyhetsbrev
    • Sosiale medier (organisk)
    • Betalt annonsering
      • Google Ads (AdWords / Display)
      • Facebook / Instagram ads
      • Snapchat ads
      • Programmatic (display ads)
  • Hva ønsker vi at de skal gjøre på nettsiden?
  • Hvordan får vi de tilbake neste gang det blir publisert en artikkel?

Les hvordan vi økte trafikken med 400% ved å fokusere på godt innhold.

Steg 9: Måling og optimalisering

Forhåpentligvis har vi i fellesskap definert noen klare mål for nettsiden både når det gjelder volum og konverteringsmål.

Da er det viktig å ha gode målinger ved hjelp av goals, funnels og dahboard for hente ut relevante tall. Og kanskje enda viktigere, klare å gjøre tall om til innsikt, som igjen blir til konkrete aksjonspunkter for å forbedre den digitale kundereisen.

Les hvordan A/B testing og optimalisering etter lansering økte leads med over 1000%.



Takk til Good Morning Naug som lar oss dele gode råd og erfaringer. Se deres nettsider HER

Foto: Getty Images

Del dette innlegget: