Din forside er den første side, de fleste besøgende ser, når de vil vide mere om din virksomhed. Det gør den til den side, hvor der er mest på spil, og ofte den, der får mindst fokuseret designarbejde. De fleste forsider prøver at sige det hele. De, der virker, siger én ting klart.
Forsidens design afgør, om din hjemmeside virker, eller om den spilder den trafik, den får. En forside, der indlæses rent og gør næste skridt tydeligt, holder besøgende i bevægelse. En, der er rodet, langsom eller uklar, mister dem, før de når dit bedste indhold.
Denne artikel gennemgår, hvad en forside skal kunne, hvordan du strukturerer indholdet, og de konkrete valg, der adskiller en forside, der konverterer, fra en, der bare er der.
Hvad skal en forside kunne?
En forside har ét job: at hjælpe den rigtige besøgende med at forstå, at de er det rigtige sted, og vise dem, hvor de skal hen næste gang. Det lyder enkelt. De fleste forsider fejler, fordi de prøver at gøre for mange ting på én gang.
Besøgende kommer til en forside fra forskellige steder og med forskellig grad af kendskab. Nogle har søgt på præcis det, du tilbyder, og er klar til at handle. Nogle har hørt dit navn fra en anden og vil tjekke, om du er seriøs. Nogle surfer og er endnu ikke sikre på, at de har brug for noget. Godt forsidedesign tjener alle tre uden at blive en generisk brochure.
Den tydeligste måde at vurdere en forside på er at spørge, om en førstegangsbesøgende kan svare på tre spørgsmål inden for fem sekunder efter at være landet: Hvad er det for en virksomhed, hvem er den til, og hvad skal jeg gøre nu? Hvis svaret på et af dem er uklart, virker forsiden ikke.
Hvad skal stå øverst på forsiden, før man scroller?
Det øverste område af forsiden, før man scroller, vejer tungest, fordi det er det, alle besøgende ser, før de beslutter at scrolle eller gå. Det skal besvare de tre spørgsmål ovenfor så direkte som muligt.
En overskrift, der siger, hvad du gør, og for hvem. Ikke en slogan eller en missionserklæring. En klar, direkte beskrivelse af den værdi, du leverer. En understøttende sætning, der tilføjer det konkrete eller adresserer den største bekymring hos den besøgende, du helst vil have. En opfordring til handling, der giver besøgende, som er klar, et tydeligt næste skridt, uden at presse dem, der ikke er.
Et billede, der understøtter budskabet frem for at erstatte det. Abstrakte billeder eller rent dekorative baggrunde giver stemning, men fjerner klarhed. De stærkeste billeder øverst viser produktet, resultatet eller den person, der får gavn af det.
Navigation hører til i dette område. Besøgende, der vil udforske mere, skal kunne gøre det uden at lede efter det. Artiklen om hvad "above the fold" er gennemgår i detaljer, hvad der gør første skærmbillede effektivt, og hvordan det opfører sig anderledes på mobil end på computer.
Hvordan strukturerer du indholdet længere nede?
Længere nede har forsiden plads til at bygge et argument op for den besøgende, der ikke handlede med det samme. Den struktur, der virker bedst, følger en logisk rækkefølge: hvad du gør, bevis for at det virker, hvem det er til, og hvad man skal gøre nu.
En kort forklaring af kerneydelsen, konkret nok til at sortere dem fra, der ikke passer, og berolige dem, der gør. Social proof i den form, der er mest troværdig for din virksomhed: udtalelser fra kunder, resultater, logoer fra kendte kunder eller et tal, der viser omfanget. Et afsnit, der taler til de største bekymringer eller situationer, dine bedste kunder kommer fra. En ekstra opfordring til handling til besøgende, som har læst så langt og nu er klar.
Navigation i sidefoden nederst på forsiden giver besøgende, der har læst det hele, en vej til andre sider. Den hjælper også besøgende, der scroller direkte ned for at finde kontaktoplysninger, juridiske links eller andre sider, de skal bruge. Artiklen om hvad hjemmesidenavigation er dækker både hovednavigation og navigation i sidefoden i detaljer.
Hvad får forsidens tekst til at virke?
Forsidetekst fejler på to forudsigelige måder. Den er enten for vag til at betyde noget, eller den siger så meget, at intet bliver hængende.
Den vage version bruger formuleringer som "Vi hjælper virksomheder med at vokse" eller "Vi forandrer måden, du arbejder på." Den slags udsagn er teknisk set sande for næsten enhver virksomhed og derfor ikke sande for nogen på en måde, der er til nytte. En besøgende kan ikke ud fra dem se, om din virksomhed er relevant for deres situation.
Den overfyldte version prøver at forklare hver funktion, nævne hver anvendelse og besvare alle tænkelige spørgsmål på én side. Resultatet er en side, der læses som en brochure og konverterer som en.
Den tekst, der virker, er konkret, direkte og skrevet til én type besøgende. Den nævner problemet eller situationen, beskriver resultatet og gør næste skridt tydeligt. Den bedste forsidetekst læses, som om en person, der kender din virksomhed godt, har skrevet den til en person, der er ved at beslutte, om de skal stole på dig.
Hvordan skal en forside virke på mobil?
En forside, der kun er designet til computer, mister de fleste af sine besøgende. Mere end 60 procent af webtrafikken kommer fra mobile enheder, og forsiden er ofte den første side, de besøgende ser.
På mobil klapper kolonner i layoutet sammen, skriftstørrelser skal være større, og trykfladerne på knapper skal være store nok til en finger. Området øverst er mindre, så overskriften og opfordringen til handling skal fungere i et trangere vindue. Store dekorative billeder, der virker på computer, fylder ofte hele mobilskærmen uden at vise noget nyttigt.
At teste forsiden på en rigtig telefon, før man regner den for færdig, er ikke valgfrit. Browserforhåndsvisninger er nyttige under udvikling, men giver ikke samme oplevelse som en enhed med touchskærm. Artiklen om sådan gør du en hjemmeside mobilvenlig dækker alle de ændringer, der gør en hjemmeside virkelig brugbar på en telefon.
Påvirker forsidens design SEO?
Forsiden er typisk den side på en hjemmeside, der er linket mest til, og den har højest autoritet. Hvordan den er struktureret, påvirker både, hvordan søgemaskiner forstår hjemmesiden, og hvordan den autoritet flyder videre til andre sider.
En klar overskriftsstruktur med én H1, der fortæller, hvad hjemmesiden handler om, og H2-afsnit om relaterede emner hjælper søgemaskiner med at forstå siden. Interne links fra forsiden til vigtige produkt-, ydelses- eller indholdssider giver disse sider autoritet og signalerer, at de er vigtige.
Sidehastigheden på forsiden betyder uforholdsmæssigt meget, fordi det er den mest besøgte side. En forside, der indlæses langsomt på mobil, trækker hele hjemmesidens præstation i søgning ned. Artiklen om hvad webdesign er forklarer, hvordan layout og strukturelle valg hænger sammen med præstation i søgning. Vil du have det fulde billede af placering i søgeresultater, så dækker artiklen om hvad SEO er de tekniske faktorer og indholdsfaktorer, der påvirker, hvordan sider rangerer.
Sådan klarer WEMASY forsidedesign
WEMASYs hjemmesidebygger har forsideskabeloner sorteret efter virksomhedstype, hver bygget op om et tydeligt område øverst, et logisk indholdsflow og mobilresponsive layouts. Med den visuelle editor kan du tilpasse indhold, farver og afsnit uden at røre kode. Mobilvisningen viser, hvordan forsiden ser ud på en telefon, mens du bygger, så der ikke er overraskelser efter udgivelsen.
Se, hvad der er med, hos WEMASYs hjemmesidebygger, eller se planerne på prissiden.
Ofte stillede spørgsmål
Hvor lang skal en forside være?
Lang nok til at besvare de spørgsmål, en førstegangsbesøgende har brug for at få besvaret, før de handler, og ikke længere. For en enkel servicevirksomhed kan det være tre til fem afsnit. For et mere komplekst produkt eller en længere beslutningsproces kan det være syv eller otte. Længden er ikke målet. Målet er at dække det rigtige indhold i den rigtige rækkefølge. En forside, der er for kort, efterlader besøgende uden nok information til at handle. En, der er for lang, mister dem, før de når opfordringen til handling. Med WEMASYs hjemmesidebygger kan du sætte det op direkte på din hjemmeside.
Hvor mange opfordringer til handling skal en forside have?
Én primær opfordring til handling, gentaget på logiske steder, mens den besøgende scroller. Når der er én enkelt, tydelig primær handling, uanset om det er at booke et opkald, starte en gratis prøve eller få et tilbud, slipper den besøgende for at vælge mellem flere konkurrerende muligheder. Sekundære handlinger som "Læs mere" eller "Se, hvordan det virker" kan findes ved siden af den primære, men de skal føles tydeligt sekundære, så den vigtigste handling skiller sig ud.
Skal en forside have en video?
En video kan fungere godt på en forside, hvis den viser noget, der er svært at formidle med tekst og billeder, for eksempel en produktdemo eller en proces. Risiciene er indlæsningstid og automatisk afspilning. En forsidevideo, der afspilles automatisk med lyd, irriterer de fleste besøgende med det samme, især på mobil. En video, der lægger flere sekunder til sidens indlæsningstid, før noget nyttigt vises, skader afvisningsraten. Hvis du bruger en video, så sørg for, at den er valgfri, slået fra som standard, og at den ikke blokerer for, at resten af siden indlæses.
Hvad er den største fejl, virksomheder laver på forsiden?
At designe den til sig selv frem for til en førstegangsbesøgende. Virksomhedsejere kender deres produkt, deres styrker og deres historie. Førstegangsbesøgende kender intet af det og beslutter på få sekunder, om de vil bruge deres opmærksomhed. Det mest almindelige resultat er en forside, der åbner med internt sprog, bruger vage overskrifter, der virker meningsfulde indadtil, men ikke siger noget til en udenforstående, og begraver selve tilbuddet bag en lang forklaring af virksomhedens værdier. Løsningen er at skrive forsiden, som om du forklarer, hvad du laver, til en person, der aldrig har hørt om dig, og som er lidt skeptisk.
Hvor ofte bør en forside redesignes?
Når den holder op med at virke, ikke efter en fast tidsplan. Tegn på, at en forside trænger til opmærksomhed, er en høj afvisningsrate fra nye besøgende, en lav konverteringsrate på den primære opfordring til handling eller tilbagemeldinger om, at besøgende ikke forstår, hvad virksomheden laver. Mindre opdateringer af tekst, billeder og opfordringer til handling kan løse de fleste problemer uden et fuldt redesign. Et fuldt redesign giver mening, når virksomheden har ændret sig markant, det nuværende design ikke længere afspejler, hvem virksomheden er, eller det tekniske fundament er så forældet, at det er nemmere at bygge om end at lappe.