Lister i HTML — ul, ol, dl og SEO

HTML-lister — <ul>, <ol> og <dl> — er semantiske elementer til at strukturere punktoplistet og sekventiellt indhold. For SEO er lister relevante af to grunde: de er et af de formater Google hyppigst bruger til featured snippets, og korrekt semantisk brug af list-elementer hjælper Googlebot forstå indholdets struktur og karakter. At vælge den rigtige listetype er ikke kun et spørgsmål om præsentation — det er et semantisk signal om indholdstype.

HTML-lister og SEO

Lister er et af webindholdets mest grundlæggende organiserende elementer. I HTML er der tre listetyper til tre formål — og korrekt brug af den semantisk rigtige listetype hjælper Googlebot med at forstå din indholds-struktur.

Lister er desuden et af de mest hyppige formater i featured snippets: Google viser regelmæssigt <ol> og <ul> fra websider direkte i position 0.

ul — Unordered List

Unordered list bruges til grupper af elementer uden fast rækkefølge — rækkefølgen er ikke meningsfuld:

<ul>
  <li>Nøgler</li>
  <li>Pung</li>
  <li>Telefon</li>
</ul>

Vises som standard med kugler (bullets). CSS kan ændre udseendet til streger, tjekmærker eller fjerne bullet helt.

Typiske anvendelser er navigationsmenuer, ingredienslister, fordele og features, tags og kategorier — kort sagt alle grupper uden naturlig rækkefølge.

ol — Ordered List

Ordered list bruges til sekventielt indhold hvor rækkefølgen er meningsfuld — trin, rangeringer, procedurer:

<ol>
  <li>Varm ovnen op til 200°C</li>
  <li>Bland mel og smør</li>
  <li>Tilsæt æg og rør til ensartet dej</li>
  <li>Bag i 30 minutter</li>
</ol>

Vises med tal som standard (1, 2, 3…). CSS kan ændre til bogstaver, romertal m.m.

Typiske anvendelser er trin-for-trin guides og opskrifter, top 10-lister hvor rækkefølgen er vigtig, rangerede resultater og juridiske punkter med nummerering.

ol og featured snippets

Google er særligt tilbøjelig til at vise nummererede lister (<ol>) som “how-to”-featured snippets for step-by-step forespørgsler. Korrekt <ol> til trin-guides øger sandsynligheden for position 0.

li — List Item

<li> er list item-elementet og er child af <ul> eller <ol>. Det kan indeholde enhver HTML-indhold:

<ul>
  <li>Simpelt tekstpunkt</li>
  <li>
    <a href="/side/">Et punkt med et link</a>
  </li>
  <li>
    <strong>Fed tekst</strong> med yderligere forklaring
  </li>
</ul>

dl — Definition List

Definition list er til termer og deres definitioner — ordbøger, glossarer, FAQ, metadata-oversigter:

<dl>
  <dt>SEO</dt>
  <dd>Søgemaskineoptimering — optimering af webindhold for at rangere højere i søgeresultater.</dd>

  <dt>CTR</dt>
  <dd>Click-through rate — andelen af brugere der klikker på et søgeresultat.</dd>
</dl>

<dt> (definition term) er termen der defineres. <dd> (definition description) er definitionens tekst.

<dl> bruges til ordbøger og glossarer, FAQ (spørgsmål i <dt>, svar i <dd>), produktspecifikationer med attributnavn og værdi, og metadata-visning.

Nesting af lister

Lister kan nestes for at skabe hierarkiske strukturer:

<ul>
  <li>Hovedpunkt A
    <ul>
      <li>Underpunkt A1</li>
      <li>Underpunkt A2</li>
    </ul>
  </li>
  <li>Hovedpunkt B</li>
</ul>

Den nestede <ul> placeres inde i <li>, ikke efter. Korrekt nesting er vigtigt for tilgængelighed og Googlebots parsing.

Lister og featured snippets

Google viser hyppigt lister som featured snippets for forespørgsler der starter med “hvad er de bedste…”, indeholder “trin til…” eller “guide til…”, eller søger efter lister og procedurer.

For at optimere bør du bruge den semantisk korrekte listetype (ol til trin, ul til grupper), holde hvert listeelement kortfattet og informationsrigt og sætte en klar H2/H3-overskrift over listen der matcher søgeforespørgslen. Google viser typisk 5-8 punkter i list-featured snippets, så 5-10 punkter er det optimale omfang.

CSS og lister

Standard browser-styling kan nulstilles og tilpasses:

/* Fjern kugler og indrykning */
ul.nav-liste {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Vandret navigation */
ul.nav-liste li {
  display: inline-block;
}

Selv om listen ser anderledes ud visuelt, bevares den semantiske HTML-struktur.

---

Hvornår bruger jeg ul vs ol?

Brug <ol> når rækkefølgen er vigtig — opskriftstrin, trin-guides, rangeringer. Brug <ul> til grupper uden fast rækkefølge som fordele, features og menupunkter.

Kan jeg bruge dl til FAQ?

Ja — <dl> er semantisk korrekt til FAQ med spørgsmålet i <dt> og svaret i <dd>. Alternativt bruges <details>/<summary> til FAQ med accordion-funktionalitet.

Hjælper lister med featured snippets?

Ja. Korrekt liste-markup er en af de vigtigste faktorer for at opnå list-featured snippets. Særligt <ol> med trin-for-trin indhold under en relevant overskrift øger chancen for position 0.

Sidst opdateret: marts 2026. Denne artikel er en del af Stegger.dk’s SEO-ordbog. → Denne artikel er en del af Indholdselementer i kode — Links, billeder og formularer.