Lister i HTML — ul, ol, dl og SEO

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.

Brug <ul> til:

• Navigationsmenuer
• Ingredienslister
• Fordele og features
• Tags og kategorier
• 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.

Brug <ol> til:

• Trin-for-trin guides og opskrifter
• Top 10-lister (rækkefølgen er vigtig)
• Rangerede resultater
• Juridiske og kontraktuelle 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) — termen der defineres. <dd> (definition description) — definitionens tekst.

Brug <dl> til:

• Ordbøger og glossarer
• FAQ (spørgsmål i <dt>, svar i <dd>)
• Produktspecifikationer (attributnavn + værdi)
• 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 søgeforespørgsler der:

• Starter med “hvad er de bedste…”
• Indeholder “trin til…”, “guide til…”
• Søger efter lister, top-lister eller procedurer

For at optimere lister til featured snippets:

• Brug den semantisk korrekte listetype (ol til trin, ul til grupper)
• Hold hvert listeelement kortfattet og informationsrigt
• Sæt en klar H2/H3-overskrift over listen der matcher søgeforespørgslen
• Inkludér 5-10 punkter (Google viser typisk 5-8 i featured snippets)

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 (fordele, features, menupunkter).

Kan jeg bruge dl til FAQ? Ja — dl er semantisk korrekt til FAQ. Spørgsmålet i <dt>, svaret i <dd>. Alternativt bruges <details>/<summary> til FAQ med accordion-funktionalitet.

Hjælper lister til 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.

Sidst opdateret: marts 2026. Denne artikel er en del af Stegger.dk’s SEO-ordbog.