---
title: "Landingssider og konvertering: UX, heatmaps og A/B-test"
url: "https://mikkeltschentscher.dk/viden/webudvikling/landingssider-og-konvertering"
language: "da"
updated: "2026-10-24"
---

# Landingssider og konvertering: UX, heatmaps og A/B-test

En landingsside er den side, en besøgende kommer ind på. Den kan være en guide, en kategori eller en ydelse. Konverteringsarbejde handler om at hjælpe den rigtige bruger gennem et relevant forløb. Flere klik er ikke i sig selv et bedre resultat.

[![](https://mikkeltschentscher.dk/images/derived/avatar.5f721b7fc11b.png)Mikkel TschentscherWebudvikler siden 2010](https://mikkeltschentscher.dk/)

Udgivet 24\. oktober 2026

## Siden skal indfri det, der fik kunden til at klikke

Sammenlign siden med den søgning eller henvisning, der fører ind på den. En person, der undersøger en pris, har brug for forudsætninger og omfang. En person, der har en akut fejl, har brug for at forstå hjælp, adgang og næste skridt. De kræver ikke nødvendigvis samme opbygning.

Giv et direkte svar i indledningen og forklar de nødvendige valg. En CTA bør komme, når læseren har oplysninger nok til at bruge den. Gentag gerne kontaktmuligheden i et langt forløb, men lad ikke salgsknapper afbryde alle faglige svar.

## UX-design, grafisk design og udvikling

Titlerne kan overlappe i praksis. Aftal derfor leverancer frem for at regne med, at én person automatisk ejer alt. En flot skitse uden fejltilstande og dataansvar er ikke en færdig løsning.

Forskellige ansvar i den samme løsning
| Rolle | Arbejder med | Eksempel på kontrol |
| --- | --- | --- |
| UX-designer | Behov, struktur og brugerens opgaver | Kan en relevant person gennemføre det aftalte forløb? |
| Grafisk designer | Visuel identitet, typografi og billedbrug | Er hierarkiet læsbart og konsekvent? |
| Udvikler | Funktion, data, tilgængelighed og levering | Virker forløbet med rigtige data og fejl? |
| Fagejer | Tilbuddets oplysninger og løfter | Er indholdet faktisk korrekt? |

## Heatmaps viser adfærd, som skal fortolkes

Et heatmap kan pege på klik og scroll i det registrerede materiale. Det viser ikke i sig selv brugerens hensigt. Et område med mange klik kan være interessant indhold eller et element, som ligner en knap uden at virke. Undersøg det konkrete forløb.

Afklar samtykke og databehandling i det valgte værktøj, og undgå optagelse af personlige formularoplysninger. Brug observationerne til at formulere en hypotese. Supplér med funktionstest og samtaler, hvis du har brug for at vide, hvorfor mennesker gik i stå.

## Planlæg en A/B-test, før du kigger på udfaldet

-   Beskriv hypotesen og den konkrete ændring.
-   Vælg ét primært mål og relevante kontrolmål.
-   Aftal population, fordeling og udelukkelse af testtrafik.
-   Fastlæg varighed og vurderingsmetode med et passende datagrundlag.
-   Kontrollér målingen og at begge varianter virker.
-   Undgå at stoppe forsøget ved den første tilfældige forskel.

## Ikke alle ændringer kræver et eksperiment

Små sites kan få mere ud af at observere nogle relevante opgaver og rette dokumenterede problemer end af at drive et eksperiment, der aldrig får nok data. Vælg metoden efter beslutningen. En lavere friktion skal stadig føre til den rigtige handling og den rigtige type kunde.

### Fiktivt eksempel med en kontaktformular

Hvis en fejl sletter kundens indtastning ved validering, skal fejlen rettes og forløbet testes. Det behøver ikke en A/B-test mod en ødelagt version. Hvis to fungerende måder at forklare en ydelse skal sammenlignes, kan et kontrolleret forsøg være relevant, hvis der er et tilstrækkeligt datagrundlag.

## Kilder og videre læsning

-   [W3C om brugervenlige og tilgængelige formularer](https://www.w3.org/WAI/tutorials/forms/)

## Har du en konkret opgave?

Send linket til din hjemmeside og beskriv, hvad du vil have løst. Så afgrænser vi næste skridt og aftaler leverancen, før arbejdet begynder.

-   [Hjemmesideoptimering](https://mikkeltschentscher.dk/services/webudvikling/hjemmeside-optimering)
-   [Webshopdesign](https://mikkeltschentscher.dk/services/webudvikling/webshop-design)
-   [Google Tag Manager og GA4](https://mikkeltschentscher.dk/services/tracking/google-tag-manager)

## Læs videre

-   [
    
    ### Hvad er en CTA? Eksempler fra hjemmesider og webshops
    
    En CTA skal hjælpe brugeren videre til det rigtige næste skridt. Se originale eksempler på knaptekster og en tjekliste til formularer, tilgængelighed og måling.
    
    
    
    ](https://mikkeltschentscher.dk/viden/webudvikling/cta)
-   [
    
    ### GA4 og organisk trafik: engagement, CTR og konverteringer
    
    Forstå forskelle mellem Search Console, GA4 og egne kundeoplysninger. Gennemgå bounce rate, engagementstid og hændelser uden at forveksle dem med Google-signaler.
    
    
    
    ](https://mikkeltschentscher.dk/viden/marketing/ga4-organisk-trafik)
-   [
    
    ### Hastighed og Core Web Vitals: find den reelle flaskehals
    
    Forstå LCP, INP og CLS, og skeln mellem laboratorietest og besøgendes data. Brug metoden til WordPress, Shopify og andre hjemmesider med konkrete kontrolpunkter.
    
    
    
    ](https://mikkeltschentscher.dk/viden/seo/hastighed-og-core-web-vitals)
-   [
    
    ### Webshop fra bunden: platform, design, pris og opsætning
    
    Planlæg en ny webshop med produkter, betaling, fragt og ansvar på plads. Sammenlign Shopify og WooCommerce, og brug tjeklisten før du beder om et tilbud.
    
    
    
    ](https://mikkeltschentscher.dk/viden/webudvikling/webshop-fra-bunden)

Original: https://mikkeltschentscher.dk/viden/webudvikling/landingssider-og-konvertering