Planlegger du ny webside? Steg for steg-guide + sjekkliste for webside (pdf)

[vc_row full_width=»stretch_row» row_type=»row» use_row_as_full_screen_section=»no» type=»grid» text_align=»left» background_animation=»none»][vc_column css=».vc_custom_1520935445274{margin-top: 3px !important;padding-top: 50px !important;padding-right: 20px !important;padding-bottom: 0px !important;padding-left: 20px !important;background-color: #ffffff !important;}»][vc_empty_space][vc_column_text css=».vc_custom_1525179466584{padding-top: 60px !important;padding-left: 10px !important;}»]

Alt du må huske + litt til!

[/vc_column_text][vc_separator color=»black»][vc_column_text css=».vc_custom_1588526098262{padding-top: 30px !important;padding-right: 10px !important;padding-bottom: 30px !important;padding-left: 10px !important;}»]

Enten du planlegger din helt første webside eller et redesign av din eksisterende tilværelse på nett – det er mye å tenke på når man skal planlegge en webside! Hvilke ønsker og behov har du? Er domene og webhotell på plass? Vet du hvordan du vil strukturere innholdet på siden? Hva med visuell profil og søkemotoroptimalisering? Hva er SLL? Hjelp, hvor skal man starte??

 

Relevant : Når er det på tide å pusse opp? 

 

I dette innlegget finner du en ‘steg for steg-guide’ og en nyttig sjekkliste (PDF) som vil hjelpe deg med å komme i gang og ta de viktige og helt nødvendige avgjørelsene tidlig i prosessen! Sjekk hvor mange punkter kan du krysse av på listen … Kun noen få, sier du? Ja, da har du en liten jobb å gjøre. Heng på! 

[/vc_column_text][vc_empty_space][vc_single_image image=»37162″ img_size=»full» onclick=»custom_link» link=»https://www.adesign.studio/last-ned-sjekkliste-web/»][vc_empty_space][vc_row_inner content_text_alignment=»center»][vc_column_inner][zermatt_core_button button_layout=»filled» size=»» target=»_blank» enable_text_hover=»yes» font_weight=»» text_transform=»» font_size=»11″ text=»Last ned sjekkliste nå» link=»https://www.adesign.studio/last-ned-sjekkliste-web/» hover_color=»#ffffff»][/vc_column_inner][/vc_row_inner][vc_empty_space][vc_empty_space][vc_column_text css=».vc_custom_1588156367951{padding-top: 30px !important;padding-right: 10px !important;padding-left: 10px !important;}»]

1   |   DOMENE

[/vc_column_text][vc_separator color=»black»][vc_column_text css=».vc_custom_1588156098815{padding-top: 30px !important;padding-right: 10px !important;padding-bottom: 30px !important;padding-left: 10px !important;}»]

1.1 — Domenenavn

 

Gjør det enkelt. Domenet ditt bør matche navnet på bedriften din. Det skal være enkelt å huske, uttale og oppfatte. Selger du f.eks. leker og bedriften din heter ‘Sirkus’, kan domenet ditt f.eks. være ‘sirkusleker.no’. Er målgruppen din norsk er det mest naturlig å gå for et .no-domene, har du internasjonale ambisjoner er kanskje .com det mest vanlige og kjente. (vurder eventuelt å kjøpe .no .com .info o.l. for å sikre domenenavnet mot konkurrenter)

 

Unngå helst kompliserte kombinasjoner av ord, bindestreker, forkortelser og bokstavene Æ, Ø, Å. Søkemotoralgoritmene i søkemotorer som Google er rettet mot engelsk, så spesialtegn kan gjøre at potensielle besøkende ikke vil få din side opp i sine søkeresultater. Ønsker du allikevel et domenenavn med disse tegnene vil jeg anbefale deg å opprette flere domener og peke de til hoveddomenet ditt. F.eks. ‘værnesgård.no’ og ‘værnes-gård’ kan pekes til hoveddomenet ‘varnesgard.no’ (en slik ‘redirect’ kan du enkelt sette opp selv i kontrollpanelet til domeneleverandøren din, eller ta kontakt med de hvis du er usikker på hvordan du gjør det)

 

 

1.2 — Kjøp og registrer domenenavn

 

Søk etter ledige domenenavnet på for eksempel domeneshop sin nettside.

 

Ps. Jeg anbefaler One.com til alle små og mellomstore nettsider. De er rimelige, har et brukervennlig kontrollpanel og ikke minst 24/7 live-support slik at du enkelt får tak i de når du trenger hjelp (Se for deg at nettsiden din bryter sammen på en fredag kl.16 og du blir nødt til vente helt til mandag før du får hjelp. I beste fall. For det er ikke en selvfølge at du får svar samme dag. Arg!)

[/vc_column_text][vc_empty_space][vc_single_image image=»51034″ img_size=»full» onclick=»custom_link» link=»https://www.adesign.studio/portfolio/flow-interior/»][vc_column_text]

Webdesign for Flow Interior

[/vc_column_text][vc_empty_space][vc_column_text css=».vc_custom_1588533943940{padding-top: 30px !important;padding-right: 10px !important;padding-bottom: 30px !important;padding-left: 10px !important;}»]

 

 

1.3 — Webplattform

 

Er du usikker på hvilken webplattform du bør velge? Da vil jeg anbefale deg å bruke litt tid på å gjøre deg kjent med de ulike alternativene. Ja, for de er det mange av. Lærer du raskt? Eller får du noia av tekniske ting? Skal du lage websiden selv? Eller skal du kontakte en webdesigner?

 

Ps. Det er selvfølgelig fullt mulig å bytte plattform senere, men vær klar over at det krever en del arbeid. Så sett av litt tid til «detektivarbeid» før du bestemmer deg, da havner du på rett plattform helt fra starten av!

 

3 spørsmål du bør stille deg selv før du velger plattform:

1 | Hva er målet og hensikten med websiden?
2 | Hvilke tekniske ferdigheter har jeg?
3 | Kan plattformen videreutvikles for å tilpasses fremtidige behov?

 

Relevant: WordPress vs SquareSpace. Hvilken plattform passer best for deg og din virksomhet?

WordPress – en nybegynnerguide

Hva kan jeg hjelpe deg med?

 

1.4 — E-postadresse

 

Opprett en e-postadresse som inkluderer domenenavnet ditt, f.eks. post@sirkusleker.no. Da fremstår du mer profesjonell enn om du bruker gmail, yahoo eller lignende, og du unngår ‘spam og trøbbel’ når du f.eks. skal sende nyhetsbrev.

 

Relevant: 6 gode grunner til hvorfor du bør satse på nyhetsbrev / listebygging

 

 

1.5 — SSL / HTTPS

 

Historisk sett har HTTPS vært brukt til å beskytte sider som inneholder sensitiv informasjon, men du har kanskje oppdaget at du stadig oftere får advarsler om at nettsider ‘ikke er sikre» eller «not secure»?

 

Nå anbefales det at alle nettsider skal ha SSL-sertifikat (HTTPS) slik at alt innhold som blir sendt og mottatt mellom din nettleser og nettsiden er kryptert. Altså du får nettadressen  https://sirkusleker.no i stedet for http://sirkusleker.no. Ta kontakt med din hostingleverandør så hjelper de deg. (Ps. hos enkelt leverandører må du betale ekstra for SSL, hos andre er dette inkludert i prisen, som f.eks. hos one.com;)

 

5 gode grunner til å skaffe deg et SSL-sertifikat: Økt rangering i søkemotorer, økt sikkerhet for besøkerne dine, nettadressen din blir merket som sikker (hengelås i url-feltet), økte konverteringer og økt brukertilfredshet.

[/vc_column_text][vc_single_image image=»42969″ img_size=»full»][vc_empty_space][vc_empty_space][vc_empty_space][vc_column_text]

2   |   INNHOLD

[/vc_column_text][vc_separator color=»black»][vc_empty_space][vc_empty_space][vc_column_text]

2.1 — Innhold, innhold, innhold

 

Flotte bilder og vakre visuelle elementer er vel og bra, men innholdet / teksten på nettsiden din bør være den mest sentrale komponenten. Fokuser på å lage godt innhold, f.eks. blogginnlegg med temaer som besøkerne / de potensielle kundene dine finner spennende og relevante!

 

Tips i planleggingsfasen :

Husk at websiden din først og fremst ikke er til for deg, men for kundene dine. Ha alltid din idelle kundegruppe i bakhodet når du planlegger og forfatter innhold til websiden din.
Og husk, en webside er ikke et statisk visittkort, men et dynamisk kommunikasjonsverktøy. Ikke legg inn årene etter lansering, men legg opp løpet! Websiden din trenger (minst) like mye tid og kjærlighet i tiden fremover! (les : blogg, blogg, blogg!)

 

Slik får du flere blogglesere – 12 enkle grep! 

 

 

2.2 — Nøkkelord / søkeord

 

Konsekvent bruk av ord som beskriver hvem du er og det du tilbyr er viktig for at søkemotorer skal gjenkjenne deg. F.eks. «sirkusleker.no – sirkus, leker og moro for barna! Enkle tips til hvordan du skaper sirkus-stemning – last ned sirkus-appen vår.»

 

Tenk igjennom hvilke søkeord det vil være naturlig for leserne dine / den ideelle kundegruppen din å bruke når de skal søke etter innhold. Inkluder disse i titler, tekster og legg de inn på den aktuelle siden eller blogginnlegget ditt (ved hjelp av f.eks. Yoast, for deg som bruker WordPress)

 

Et eksempel. Dette blogginnlegget har fått tittelen : ‘Steg for steg-guide og sjekkliste for webside’. Naturlige søkeord vil være ‘sjekkliste’ og ‘webside’. Eller enda bedre, setningen ‘Steg for steg-guide og sjekkliste for webside’. En setning eller søkefrase (long-tail søkeord) er bedre enn kun et enkelt søkeord, som f.eks. ‘webside’. Fordi ‘webside’ er et populært (og internasjonalt) søkeord, bør man i stedet velge et long-tail søkeord som ‘Steg for steg-guide og sjekkliste for webside’.

 

Les mer om søkeord og søkemotoroptimalisering her 

 

 

2.3 — Bilder

 

Websiden din vil for mange være det første møtet med din virksomhet. Hvilket førsteinntrykk gir websiden din, tror du? Mest sannsynlig er det den visuelle profilen din som først sier noe om hvem du er og hva du tilbyr. Hva ønsker du at besøkeren skal føle når han / hun klikker seg inn på websiden din?

 

Mitt beste tips for å sikre et godt førsteinntrykk og «wow-faktor»? Bilder! Et bilde sier (som kjent) mer en tusen ord. Men du, helt ærlig? Dårlige bilder ødelegger selv det mest fantastiske budskap og det flotteste webdesign! Så kjære, kjære deg, invester i gode bilder. Og husk, det er ingen skam å ikke være flink til alt. Ta kontakt med en fotograf hvis du trenger litt hjelp.

 

Og husk å gi bildene dine en relevant url-adesse, tittel og alt-text. Igjen (få med nøkkelordet eller søkefrasen din her også) F.eks. steg-for-steg-guide-sjekkliste-webside.jpg

 

Relevant: 3 gode nettsider for ‘gratis stock photos’[/vc_column_text][vc_empty_space][vc_single_image image=»41164″ img_size=»full» onclick=»custom_link» link=»https://www.adesign.studio/tips-3-gode-nettsider-for-gratis-stock-bilder/»][vc_empty_space][vc_column_text]

2.4. — Sosiale medier

 

Gjør det enkelt for leserne dine å like, tweete, pinne, dele og anbefale innholdet ditt! Ved å integrere sosiale nettverk / delingverktøy kan du sørge for at leserne dine enkelt kan ‘framsnakke’ virksomheten din i sosiale nettverk. Sjekk at du har delingsknapper til facebook, twitter, pinterest etc.

 

10 tips til hva du kan dele i Instagram Stories

10 nyttige verktøy for instagramentusiaster

 

 

2.5 — Struktur og navigering

 

Hadde du handlet i en butikk hvor du var nødt til å gjennomføre en hinderløype før du fikk hente og betale varene dine? Njaa, ikke denne dama i alle fall (les: ikke så spretten lenger) Er navigasjonen på websiden din forvirrende? Er viktig innhold skjult? Får besøkeren enkelt tak i deg?

 

Gjør det enkelt. Menyen bør ikke inneholde mer enn 5-6 menypunkter. Hvis websiden din består av flere undersider kan du benytte en såkalt «rullgardin-meny». Da beholder du oversikten.

 

Nb! Se eget ark i sjekklisten hvor du kan planlegge hvordan du skal strukturere innholdet på websiden din + hvordan menyen skal se ut. 

[/vc_column_text][vc_empty_space][vc_empty_space][vc_empty_space][vc_column_text]

3   |   DESIGN

[/vc_column_text][vc_separator color=»black»][vc_empty_space][vc_empty_space][vc_column_text]

3.1 — Visuell profil

 

Internett er i stor grad basert på visuelle former for kommunikasjon. Visuelt innhold presenteres på en måte som får kunden til å kjøpe et bestemt produkt, å tro på et bestemt konsept eller anse noe som viktig.

 

En identitet er mer enn et navn, en logo og et sett med farger. Det er også måten du kommuniserer på. Din visuelle identitet er din visuelle stemme. Altså ikke det du formidler med ord, men det du formidler med bilder, logo, illustrasjoner, farger osv. Din visuelle stemme er som et fingeravtrykk – en unik måte å definere merkevaren din på.

 

Alt du kommuniserer gjenspeiler virksomheten din. Har du et gjennomtenkt budskap og en godt utarbeidet visuell profil i bunn, kan du sørge for at din visuelle stemme er konsekvent, klar og gjenkjennelig i alle kanaler. På websiden din, bloggen, i nettbutikken, sosiale medier og andre steder kunden møter virksomheten din. Ps. Ikke glem de ikke-digitale mediene, som visittkort, takkekort, flyers, emballasje osv.

 

 

3.2 — Visuell kommunikasjon

 

«Det er ikke bare hva du sier, det er også hvordan du sier det.» Dette gjelder i aller høyeste grad når det er snakk om visuell kommunikasjon. Uansett hvor bra budskapet ditt er, kommuniseres det på en lite god måte, vil ikke folk lese det, huske det eller bli engasjert av det.

 

Hjernen vår behandler visuell informasjon 60.000 ganger raskere enn tekst. Jeg kommer derfor ikke utenom klisjeen «et bilde sier mer enn tusen ord». Bildet er det sterkeste visuelle virkemiddelet vi har! Du har sikkert erfart det selv mange ganger, bilder kommuniserer mye mer effektivt og framkaller mye sterkere følelser i deg enn det ord gjør. Et eksempel. Hva er det som gjør at du i løpet av 5 sekunder bestemmer deg å følge en profil på instagram? Bildene? Eller leser du tekstene under hvert bilde først?

 

Vi husker 80% av det vi ser, 20% av det vi leser, og 10% av det vi hører.

[/vc_column_text][vc_empty_space][vc_single_image image=»46297″ img_size=»full» onclick=»custom_link» link=»https://www.adesign.studio/work»][vc_empty_space][vc_column_text]

3.3 — Visuelle elementer

 

Du har få sekunder på å overbevise en potensiell kunde om at du er verdt å satse på. Hvilket førsteinntrykk gir du? Satt veldig på spissen … hvor tillitsvekkende er egentlig de «hjemmelagde» brosjyrene kusina di lagde? Eller websiden som ble til på en kveld med god hjelp fra naboen? Ta stilling til kvaliteten på det du vil kommunisere. Og tenk igjennom hva som må til for å kunne levere dette. Designet skal være til det beste for merkevaren din – du skal være stolt av det!

 

Eksempler på visuelle elementer :

Logo
Farger
Typografi
Bilder
Infografikk
Video

 

Når du skal visualiserer informasjon er det fort gjort å bli litt overivrig og bruke for mange visuelle signaler. Ikke overveld kunden med all grafikk, annonsering og data. Keep it simple! Og husk «luft» er essensielt, altså de hvite områdene rundt teksten eller bildet. Klemmer man inn for mye informasjon på ett sted kan det fort se litt rotete og usammenhengende ut.

 

Slik lager du din egen fargepalett på 1-2-3!

 

 

3.4 Mobiltilpasset design

 

Er websiden din lett å lese for de som er på farta eller surfer fra sofaen? (noe vi jo gjerne gjør;) Du har sikkert opplevd å måtte zoome inn og ut for å få med deg alt innholdet på skjermen, noe som sannsynligvis gjør at denne websiden ikke blir et sted man har lyst til å tilbringe så mye mer tid.

 

Sjekk at websiden din er lett tilgjengelig og brukervennlig fra en hvilken som helst enhet. Et responsivt webdesign tilpasser seg automatisk ulike skjermstørrelser på en fin måte, enten det er desktop, mobil etter nettbrett. Det handler om å gi brukeren en god brukeropplevelse uavhengig av hvilken enhet eller skjermstørrelse som brukes.

 

 

3.5 Fordeler ved å ha en god nettside

 

… for de er det heldigvis mange av.

 

Du får flere kunder fordi flere potensielle kunder vet at du finnes! Du får ubegrensede muligheter knyttet til det å markedsføre spesielle tilbud eller arrangementer! Du får fornøyde kunder som vet hvor de kan finne all den informasjonen de trenger, kjapt og enkelt. Du får mulighet til å konkurrere med større virksomheter i din bransje. Du får mindre pågang på meldinger og e-post fordi all viktig informasjon er lett tilgjengelig for alle. Og ikke minst, du har «stor plass å boltre deg på» og kan vise mer personlighet enn f.eks. i sosiale medier.[/vc_column_text][vc_empty_space][vc_row_inner content_text_alignment=»center»][vc_column_inner][zermatt_core_button button_layout=»filled» size=»» target=»_blank» enable_text_hover=»yes» font_weight=»» text_transform=»» font_size=»11″ text=»Last ned sjekkliste» link=»https://www.adesign.studio/last-ned-sjekkliste-web/» hover_color=»#ffffff»][/vc_column_inner][/vc_row_inner][vc_empty_space][vc_empty_space][vc_empty_space][/vc_column][/vc_row][vc_row full_width=»stretch_row» row_type=»row» use_row_as_full_screen_section=»no» type=»grid» text_align=»left» background_animation=»none»][vc_column css=».vc_custom_1520935713725{margin-top: 30px !important;padding-top: 70px !important;padding-right: 20px !important;padding-bottom: 0px !important;padding-left: 20px !important;background-color: #ffffff !important;border-radius: 1px !important;}»][vc_empty_space][vc_column_text]

Abonner på blogginnlegg:

[/vc_column_text][vc_empty_space][/vc_column][/vc_row][vc_row css=».vc_custom_1588508901470{background-color: #ffffff !important;}»][vc_column css=».vc_custom_1588508960931{margin-top: -80px !important;}»][vc_column_text]

[/vc_column_text][vc_empty_space][vc_empty_space][/vc_column][/vc_row][vc_row][vc_column][/vc_column][/vc_row]

Leave a comment

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket med *