Tag en hvilken som helst forside, der mister besøgende i de første sekunder, og du finder det samme problem. Den siger noget om virksomheden uden nogensinde at fortælle den besøgende, hvad de skal gøre. Denne artikel gennemgår, hvordan du skriver en forside, fra overskriften og nedefter, hvad hver sektion skal opnå, hvordan teksten på forsiden adskiller sig fra alle andre sider, og de konkrete fejl, der får besøgende til at forlade siden, før de overhovedet har scrollet.
At vide, hvordan du skriver en forside, betyder at forstå, hvad siden er til for. En forside er ikke en præsentation af virksomheden. Den er ikke en missionserklæring. Det er den ene side, der med det samme skal svare på tre spørgsmål, før en besøgende beslutter, om de bliver eller går. Hvad gør du? Hvem er det til? Hvad skal de gøre nu? Tekst på forsiden, der ikke svarer på alle tre allerede ved første scroll, er tekst, der ikke virker.
Hvad skal en forside klare?
En forside har et andet job end alle andre sider på hjemmesiden. En ydelsesside sælger en bestemt ydelse. En Om os-side skaber tillid til menneskerne bag arbejdet. En forside gør noget mere snævert og mere presserende. Den skal orientere den besøgende så hurtigt, at de beslutter sig for at blive og kigge videre.
De besøgende, der lander på forsiden, kommer ofte fra et søgeresultat, et link på sociale medier eller en anbefaling. De har ikke læst andet på din hjemmeside. De ved ikke, hvem du er, eller hvad du tilbyder. Teksten på forsiden har få sekunder til at vise, at de er det rigtige sted for det, de har brug for. Består den ikke den test, forlader de siden.
Jobbet er ikke at forklare alt. Jobbet er at skabe nok klarhed og nok interesse til, at den besøgende tager det næste skridt, hvad enten det er at klikke ind på en ydelse, scrolle videre eller udfylde en formular. Hvert ord på siden skal enten hjælpe med det eller slettes.
Sådan skriver du en overskrift på forsiden, der får besøgende til at blive
Overskriften er den vigtigste tekst på hele din hjemmeside. Det er det første, en besøgende læser, ofte før de overhovedet har registreret designet. En overskrift, der er uklar, kreativ eller abstrakt, mister den besøgende, før resten af siden får en chance. En overskrift, der er konkret og klar, gør mere for din konverteringsrate end næsten enhver anden ændring, du kan lave.
Den mest pålidelige formel for en overskrift tager udgangspunkt i resultatet. Den siger, hvad den besøgende får eller opnår, skrevet til den person, hjemmesiden er lavet til. Ikke “Vi hjælper virksomheder med at vokse”, men “Få flere bookinger fra dit lokalområde uden at køre annoncer”. Ikke “Din pålidelige partner inden for velvære”, men “Yogakurser i Amsterdam for begyndere og øvede”.
En stærk overskrift svarer på to spørgsmål på én gang. Hvad er det her? Er det noget for mig? Kan en besøgende læse din overskrift og svare på begge, har du lavet det vigtigste arbejde på siden. Kan de ikke, skal overskriften skrives om, før noget andet optimeres.
Skriv fem til ti udgaver, før du lander. Det første udkast er næsten aldrig det rigtige. Skær adjektiver væk. Fjern ord som “førende”, “innovativ” og “pålidelig”, for de siger ikke noget, en besøgende tror på uden dokumentation. Erstat beskrivelser af virksomheden med beskrivelser af, hvad den besøgende får.
Hvad tilføjer underoverskriften, som overskriften ikke gør?
Underoverskriften står lige under overskriften og bygger videre på det, overskriften startede. Dens job er ikke at gentage overskriften med andre ord. Den tilføjer ét lag konkret information, som overskriften af natur ikke kan rumme.
En god overskrift er kort og slagkraftig. Den korthed er en styrke, ikke en begrænsning. I underoverskriften skriver du de detaljer, overskriften måtte undvære. Nævner overskriften resultatet, så nævner underoverskriften, hvordan du leverer det. Nævner overskriften, hvem det er til, så nævner underoverskriften det konkrete resultat, de får.
Hold underoverskriften til to eller tre sætninger på det meste. Den skal stadig kunne læses med et blik. Lange underoverskrifter, der forklarer hele dit forløb eller ramser alt op, du tilbyder, hører hjemme i en senere sektion og ikke øverst på siden, hvor de besøgende stadig beslutter, om de vil blive.
Hvad skal være synligt over folden?
Over folden er den del af siden, en besøgende ser, før de scroller. Navnet kommer fra avistrykning, hvor historierne over den fysiske fold på forsiden var dem, der solgte aviser. På en hjemmeside er princippet det samme. Det, der vises uden at scrolle, afgør, om en besøgende overhovedet scroller.
Sektionen over folden skal indeholde fire ting. Overskriften. Underoverskriften. En tydelig call to action. Og nok visuel sammenhæng til, at den besøgende forstår, hvilken slags hjemmeside det er. Alt andet kan komme længere nede.
Den største fejl i sektionen over folden er at fylde den med noget smukt, men uklart. Et billede i fuld skærm uden tekst. En videobaggrund med overskriften gemt nedenunder. Et slogan, der er for abstrakt til at fortælle den besøgende noget. Sektionen over folden skal tjene sin plads med klarhed, ikke æstetik. De to kan sagtens leve side om side, men klarhed skal vinde, når de er i konflikt.
Vil du vide mere om, hvordan folden påvirker adfærd, og hvad besøgende lægger mærke til først, så dækker artiklen hvad over folden betyder på en hjemmeside emnet i sin helhed.
Hvor hører social proof hjemme på forsiden?
Social proof på forsiden mindsker den tvivl, en ny besøgende naturligt føler over for en virksomhed, de aldrig har hørt om. Anmeldelser, udtalelser, kundelogoer, uddrag af cases og omtale i medier fungerer alle som bevis på, at andre har valgt virksomheden og fundet den værd at vælge.
Placeringen har betydning. Social proof, der ligger helt nederst på en lang side, er social proof, de fleste besøgende aldrig når frem til. Hvis du sætter en række kundelogoer eller en kort anmeldelse lige under sektionen over folden, bevarer du fremdriften fra overskriften. Den besøgende læser overskriften, forstår, hvad hjemmesiden er til for, og ser med det samme en bekræftelse på, at andre stoler på virksomheden. Det skaber troværdighed i det øjeblik, hvor der er mest brug for den, før den besøgende har læst andet.
Anmeldelsen eller udtalelsen, du viser, skal være konkret. “Det har ændret min virksomhed at arbejde med dem” er mindre brugbart end “Vi gik fra tre forespørgsler om måneden til tyve, efter at vi byggede vores hjemmeside om med de skabeloner.” Et konkret resultat er til at tro på på en måde, som en generel anbefaling ikke er.
Vil du have en fuld gennemgang af, hvordan social proof virker, og de forskellige former, den kan have, så går artiklen om social proof på en hjemmeside i dybden med hver type og med, hvor den virker bedst.
Hvordan beskriver du dine ydelser eller produkter på forsiden?
Forsiden er ikke stedet for fulde ydelsesbeskrivelser. De besøgende, der lander på forsiden, er ikke klar til den detaljeringsgrad. De er stadig ved at afgøre, om du er relevant for dem. En forside, der starter med lange ydelsesbeskrivelser, før den besøgende har besluttet sig for at blive, skubber dem væk, før de har læst noget.
Den rigtige løsning er en kort oversigtssektion. Nævn hver ydelse eller produktkategori. Tilføj én sætning om, hvad den gør, eller hvem den er til. Link til den side, hvor den besøgende kan få det fulde billede. Den opbygning gør to ting. Den fortæller hurtigt den besøgende, hvad du tilbyder. Og den fører dem hen til den rigtige side til deres behov, som er det sted, hvor konverteringen faktisk sker.
Undgå at ramse funktioner op på dette trin. Funktioner hører til på ydelses- eller produktsiden, hvor den besøgende allerede er interesseret og vurderer. På forsiden skal du skrive, hvad den besøgende får, ikke hvad ydelsen indeholder. “Hjemmesider, der rangerer på Google” er mere relevant for en tøvende besøgende end “Tilpasset HTML, SEO-metadata og responsivt design inkluderet”.
Hvad skal call to action på forsiden sige, og hvor skal den føre hen?
Hver forside skal have en primær call to action. Det er den ene handling, du helst vil have en besøgende til at gøre, når de lander på siden. Book et opkald. Start en gratis prøveperiode. Se skabeloner. Få et tilbud. Der skal være én primær CTA, ikke fire, der konkurrerer og trækker den besøgendes opmærksomhed i hver sin retning.
CTA'en skal stå over folden som en del af overskriftssektionen. Den skal også stå igen midtvejs på siden og endnu en gang nær bunden. En besøgende, der læser forbi folden og så når bunden af siden uden at se en ny CTA, skal scrolle op igen for at handle. Den modstand koster konverteringer.
Skriv knappen i aktivt, konkret sprog. “Kom i gang” og “Læs mere” er svage, fordi de ikke beskriver noget. “Start din gratis prøveperiode”, “Book et gratis opkald” og “Se priser” er bedre, fordi de siger præcis, hvad der sker, når man klikker. Jo mere konkret knapteksten er, desto højere er klikraten som regel, fordi den besøgende ved, hvad de kan forvente.
Vil du have en fuld forklaring på, hvordan CTA'er virker, og hvordan du skriver dem til forskellige sider og sammenhænge, så se hvad en call to action på en hjemmeside er.
Hvad skal en forside ikke indeholde?
Tag en forside, der læses som en brochure, og du finder de samme fire ting, som ikke hører hjemme. Virksomhedens historie. En generisk missionserklæring. En mur af tekst om stiftelsen. Sektioner fyldt med navigation, der prøver at linke til alle sider på hjemmesiden fra selve forsiden.
Virksomhedens historie hører til på Om os-siden, hvor en besøgende, der interesserer sig for din baggrund, kan finde den. En missionserklæring i abstrakt sprog (“Vi tror på at styrke fællesskaber gennem innovative løsninger”) siger ingenting til en besøgende, der kom for at finde en bestemt ydelse. Historien om stiftelsen har betydning for investorer og journalister, ikke for en førstegangsbesøgende, der på ti sekunder afgør, om de bliver.
For meget tekst er det mest almindelige problem på forsider. Lange afsnit bremser den besøgende og viser, at siden kræver en indsats at forstå. Forsider skal bruge korte sætninger, masser af luft og visuelle pauser mellem sektionerne. Mængden af tekst er det mindste, der skal til for at føre den besøgende videre, ikke det meste, designeren kan presse ind.
Hvordan adskiller tekst på forsiden sig fra tekst på en ydelsesside eller en Om os-side?
Hver side på en hjemmeside har et bestemt job, og teksten skal afspejle det job. Tekst på forsiden er bred og hurtig. Den svarer på hvem, hvad og hvorfor i få linjer og sender den besøgende det rigtige sted hen. En ydelsesside er fokuseret og detaljeret. Den svarer på alle de spørgsmål, en besøgende har om én bestemt ydelse, tager hånd om indvendinger og driver en konvertering. En Om os-side bygger relationen mellem den besøgende og menneskerne bag virksomheden.
At skrive forsiden, som du ville skrive en ydelsesside, er en almindelig fejl. En ydelsesside kan være lang, fordi den besøgende, der læser den, allerede er interesseret. De har klikket sig videre fra forsiden, og så har de allerede besluttet, at du er relevant. Forsiden har ikke den luksus. Den besøgende er stadig ved at beslutte sig, så teksten skal arbejde hurtigere og være slankere.
At skrive forsiden, som du ville skrive en Om os-side, er den anden almindelige fejl. En Om os-side handler om dig. En forside handler om, hvad den besøgende får. I det øjeblik teksten på forsiden begynder at fokusere på virksomhedens historie, værdier eller interne proces, har den holdt op med at gøre det job, forsiden er til for.
Vil du have en trin-for-trin-gennemgang af, hvordan du skriver en ydelsesside, når en besøgende er kommet videre fra forsiden, så dækker artiklen hvordan du skriver en ydelsesside hele opbygningen.
Hvor lang skal en forside være?
Forsidens længde afgøres af din salgsproces, ikke af et mål for antal ord. Et enkelt produkt med en klar målgruppe kan have en kort forside. En servicevirksomhed med flere tilbud og en længere overvejelsesfase kan have en længere. Den rigtige længde er den, en typisk besøgende skal bruge for at få nok information til at tage næste skridt.
En nyttig test er at kigge på dine analytics. Hvis den gennemsnitlige besøgende forlader siden uden at scrolle forbi folden, er en længere side ikke problemet. Så er det overskriften eller CTA'en, der er problemet. Hvis de besøgende scroller næsten hele vejen ned og så går uden at handle, kan siden være for lang, eller også er CTA'en nær bunden ikke tydelig nok.
I praksis har en forside til en servicevirksomhed som regel brug for en overskriftssektion, et kort overblik over ydelser, en sektion med social proof og én tydelig CTA-sektion. Det kan gøres godt med 300 til 500 ord synlig tekst fordelt på godt designede sektioner. Nogle virksomheder har brug for mere. Testen er altid, om hver sektion fortjener sin plads ved at føre den besøgende mod næste skridt.
Forståelse af visuelt hierarki hjælper lige så meget med layoutet som med teksten. Artiklen om hvad visuelt hierarki er forklarer, hvordan sidens opbygning leder den besøgendes blik og opmærksomhed.
Hvordan påvirker brugeroplevelsen valgene i teksten på forsiden?
Tekst og design arbejder sammen på en forside. Måden, sektionerne er stillet op på, hvor meget luft der er omkring teksten, og i hvilken rækkefølge den besøgende møder hver oplysning, har alt sammen betydning for, om teksten rammer. Hvis du skriver stærk tekst og sætter den ind i et layout, der arbejder imod den, bliver resultatet stadig dårligt.
En forside, der stiller for meget tekst op, før den besøgende har fået sammenhængen, skubber folk væk, før de når frem til det indhold, der ville have fastholdt dem. En forside med stærk tekst gemt i et tæt gitter eller et farveskema med lav kontrast mister besøgende, som ville have konverteret, hvis oplysningerne havde været lettere at skimme. Valget af tekst og valget af layout kan ikke træffes uafhængigt af hinanden.
Artiklen om hvad UX-design er viser, hvordan principperne for brugeroplevelse gælder på hele hjemmesiden, også hvordan besøgende læser og navigerer på siderne.
Sådan hjælper WEMASY med tekst på forsiden
WEMASYs hjemmesidebygger har skabeloner til forsider bygget op omkring de elementer, denne artikel gennemgår. Hver skabelon har en overskriftssektion, et område med overblik over ydelser, en sektion med social proof og CTA-pladser over folden og nederst på siden. Sideindstillingerne har SEO-felter til forsidens metatitel og metabeskrivelse, som du kan redigere uafhængigt af sidens indhold. Alle sider, også forsiden, er responsive fra start på computer, tablet og mobil.
Se, hvad der er med, hos WEMASY hjemmesidebyggeren eller se planerne på siden Priser.
Ofte stillede spørgsmål
Hvor lang skal en overskrift på forsiden være?
En overskrift på forsiden virker bedst mellem 6 og 12 ord. Kort nok til at læse med et blik, konkret nok til at fortælle den besøgende, hvad hjemmesiden gør, og hvem den er til. Længere overskrifter mister ofte læseren, før de er færdige med sætningen. Skal din overskrift bruge mere end 12 ord for at være klar, skal teksten skærpes, ikke udvides.
Skal en forside have priser med?
Det afhænger af forretningsmodellen. For enkle produkter eller abonnementer med åbne priser kan en kort prissektion eller et link til siden med priser på forsiden mindske modstanden. For servicevirksomheder med varierende priser er forsiden ikke stedet for tal. Send i stedet de besøgende til en formular om tilbud eller booking, hvor prisen kan tages op ud fra deres konkrete behov.
Hvor mange calls to action skal en forside have?
Én primær call to action, gentaget to eller tre steder ned ad siden. Den primære CTA skal altid stå over folden, hvor en besøgende ser den uden at scrolle. En anden placering midtvejs fanger besøgende, der har læst en del, men er klar til at handle. En tredje nederst fanger dem, der læser alt, før de beslutter sig. Flere forskellige CTA'er, der konkurrerer om opmærksomheden, giver færre konverteringer.
Hvad er den største fejl, når man skriver tekst til en forside?
At skrive om virksomheden i stedet for til den besøgende. En forside, der starter med virksomhedens historie, værdier eller selvbeskrivelse, sætter den besøgende i den situation, at de selv skal finde ud af, om noget af det er relevant for dem. Det arbejde gør besøgende ikke. De forlader siden. En forside, der starter med, hvad den besøgende får, hvem den er lavet til, og hvad de skal gøre nu, holder folk på siden.
Kan WEMASYs hjemmesidebygger hjælpe med forsidens opbygning?
WEMASYs hjemmesidebygger har skabeloner til forsider med opbyggede sektioner til overskrift, overblik over ydelser, social proof og CTA'er. Skabelonerne er bygget op efter de layoutprincipper, der understøtter klare, hurtigt indlæste forsider. Du kan redigere hver sektion direkte og tilpasse indholdet uden at røre ved kode. Se WEMASY hjemmesidebyggeren for hele listen over skabeloner.