Artikel

HTML-attributter — Alt, href, id, class og SEO-relevante attributter

HTML-attributter tilføjer egenskaber til elementer — alt-tekst, rel=canonical og lang er direkte SEO-relevante attributter.

Sidst opdateret:

HTML-attributter tilføjer ekstra information og egenskaber til HTML-elementer — de er ikke selve indholdet men konteksten der giver elementet mening for browsere, søgemaskiner og hjælpeteknologier. Alt-attributten gør billeder synlige for Google, rel-attributten styrer link equity-overførsel, og lang-attributten fortæller Googlebot sidens sprog. At kende de SEO-relevante attributter er fundamentalt for teknisk on-page SEO.

Hvad er HTML-attributter?

Attributter tilføjer yderligere information eller egenskaber til HTML-elementer. De placeres altid i åbningstagget og følger syntaksen navn="værdi":

<a href="https://stegger.dk" rel="noopener">Besøg siden</a>
<img src="/billeder/seo-guide.jpg" alt="Illustration af SEO-struktur">

Her er href, rel, src og alt attributter — de modificerer elementets adfærd og giver det ekstra information. Attributter er ikke synlige for brugeren, men er centrale for browsers, søgemaskiner og hjælpeteknologier.

Globale attributter

Globale attributter kan bruges på alle HTML-elementer.

id

id tildeler et unikt identifikationsnavn til elementet. Det bruges til CSS-styling, JavaScript-reference og anker-links (#afsnit-id). Hvert ID bør forekomme kun én gang per side.

<h2 id="hvad-er-seo">Hvad er SEO?</h2>

class

class tildeler et eller flere klassenavne til elementet for CSS-styling og JavaScript-reference. Modsat id kan class bruges på mange elementer, og et element kan have flere klasser på én gang.

lang

lang angiver sproget for elementets indhold. På <html>-elementet er det afgørende for søgemaskiner og skærmlæsere.

<html lang="da">

title

title tilføjer tooltip-tekst der vises ved hover. Attributten har lille SEO-relevans i dag og bør ikke forveksles med alt — brug altid alt til at beskrive billedindhold.

hidden

hidden skjuler elementet for brugere. Google kan stadig indexere indhold med hidden-attribut, men vægter det potentielt lavere end synligt indhold.

SEO-kritiske attributter

alt — billede-alternativ-tekst

<img src="/billeder/googlebot.jpg" alt="Illustration af Googlebot der crawler en webside">

alt-attributten er obligatorisk på alle <img>-elementer der har indholdsmæssig betydning. Den tjener to formål:

  1. SEO: Alt-teksten er det primære signal Google bruger til at forstå billedindhold. Uden alt-tekst er billedet usynligt for søgemaskiner.
  2. Accessibility: Skærmlæsere læser alt-teksten op for svagtseende brugere.

Tomme alt-attributter (alt="") bruges på dekorative billeder der ikke bærer indholdsmæssig mening — dette fortæller skærmlæsere at billedet kan ignoreres.

href — hypertext reference

<a href="/ordbog/html-grundlaeggende/">HTML-grundlæggende guide</a>
<a href="https://eksempel.dk" rel="noopener noreferrer">Ekstern side</a>

href angiver URL’en som et anker-element linker til. Anchor-teksten kombineret med href-destinationen er et centralt SEO-signal for det linkede indholds relevans.

rel — relation

rel-attributten på <a> og <link> angiver forholdet mellem den aktuelle side og den linkede side:

<!-- Canonical link — foretrukken URL -->
<link rel="canonical" href="https://stegger.dk/ordbog/html-attributter/">

<!-- Nofollow — instruerer Google om ikke at følge linket -->
<a href="https://eksempel.dk" rel="nofollow">Eksempel</a>

<!-- Sponsored — betalt link -->
<a href="https://partner.dk" rel="sponsored">Partner</a>

<!-- UGC — user-generated content -->
<a href="https://bruger.dk" rel="ugc">Brugerlink</a>

rel="canonical" er et af de vigtigste SEO-attributter: det angiver den foretrukne version af en side og hjælper Google håndtere duplicate content.

hreflang — sprogmålretning

<link rel="alternate" hreflang="da" href="https://stegger.dk/ordbog/">
<link rel="alternate" hreflang="en" href="https://stegger.dk/en/dictionary/">
<link rel="alternate" hreflang="x-default" href="https://stegger.dk/">

hreflang angiver hvilken sprogversion af en side der er målrettet hvilken brugerpopulation. Kritisk for internationale websites med indhold på flere sprog.

content og name — meta-attributter

<meta name="description" content="160-tegns beskrivelse af sidens indhold">
<meta name="robots" content="index, follow">
<meta property="og:title" content="Sidetitel til social deling">

På <meta>-elementer bruges name og content (eller property til Open Graph) til at angive metadata om siden.

Data-attributter

Custom data-attributter (data-*) bruges til at gemme custom data i HTML-elementer til brug i JavaScript:

<div data-product-id="12345" data-category="seo-kurser">...</div>

Data-attributter har begrænset direkte SEO-relevans — Google ignorerer dem generelt. Men de bruges i tracking og analytics-implementeringer.

Er alt-tekst en direkte rankingfaktor? Ja. Alt-tekst er det primære signal Google bruger til at forstå billedindhold og ranke billeder i Google Billeder. Manglende alt-tekst på indholdsbilleder er en konkret SEO-fejl.

Hvad er forskellen på id og class? id skal være unikt per side og bruges til ét specifikt element. class kan bruges på mange elementer og tildele dem samme CSS-styling eller JavaScript-adfærd.

Hvad betyder rel="nofollow"? rel="nofollow" instruerer Google om ikke at følge linket og ikke overføre “link equity” (PageRank) via det. Bruges typisk til betalte links, brugergeneret indhold og links til upålidelige sider.

Hvad er hreflang og hvornår skal jeg bruge det? Hreflang-attributten angiver sprogversioner af en side til internationale brugere. Brug det når du har det samme eller lignende indhold på flere sprog eller til forskellige regioner.

Sidst opdateret: marts 2026. Denne artikel er en del af Stegger.dk’s SEO-ordbog. → Denne artikel er en del af HTML-struktur — Tags, elementer og semantik.

Del af: HTML-struktur — Tags, elementer og semantik →

Andre artikler i samme emne

Relaterede begreber

Emne HTML-struktur — Tags, elementer og semantik HTML-strukturens byggeklodser — fra tags og attributter til semantisk markup der hjælper Google og brugere. Artikel HTML-tags — De vigtigste tags for SEO HTML-tags er kodens byggeklodser — og title-tag, h1-h6, canonical og alt-attribut er direkte SEO-rankingfaktorer. Artikel Nofollow — rel=nofollow og linkattributter rel=nofollow signalerer at et link ikke er en redaktionel anbefaling — og Google behandler det nu som et hint, ikke et direktiv. Artikel Canonical tag — rel=canonical og duplicate content rel=canonical er det vigtigste signal mod duplicate content — det fortæller Google hvilken URL der skal ranke. Artikel Billeder i HTML — img-tag, alt-tekst og billedoptimering img-tagget med alt-tekst er fundamentalt for SEO og accessibility — og loading og dimensions-attributter påvirker Core Web Vitals direkte. Artikel Links i HTML — Anchor-tags, anchor text og SEO Links i HTML bruger anchor-tagget med href — anchor text, rel-attribut og linkstruktur er direkte SEO-rankingfaktorer. Hovedguide Kode — Webkode og teknisk SEO Komplet guide til webkode og teknisk SEO — fra HTML-struktur og metadata til crawling, structured data og Core Web Vitals.

Ofte stillede spørgsmål

Hvad er HTML-attributter?
HTML-attributter tilføjer ekstra information eller egenskaber til HTML-elementer. De placeres altid i åbningstagget og følger syntaksen navn="værdi". Attributten href på et <a>-tag angiver URL'en der linkes til. Attributten src og alt på et <img>-tag angiver billedets kilde og alternativtekst. Attributter er ikke synlige for brugeren men er centrale for browsere, søgemaskiner og hjælpeteknologier.
Hvilke HTML-attributter er vigtigst for SEO?
Alt-attributten på <img>-elementer er Googles primære signal for billedindhold — uden alt-tekst er billedet usynligt for søgemaskiner. Rel-attributten styrer linkrelationer: rel=canonical angiver den foretrukne URL, rel=nofollow instruerer Google om ikke at følge link equity, og rel=sponsored markerer betalte links. Hreflang-attributten angiver sprogversioner til international SEO. Lang-attributten på <html>-elementet angiver sidens sprog.
Hvad er forskellen på id og class attributter?
Id-attributten skal være unik per side og identificerer ét specifikt element — det bruges til CSS-styling, JavaScript-reference og anker-links (#afsnit-id). Class-attributten kan bruges på mange elementer og giver dem samme CSS-styling eller JavaScript-adfærd. Et element kan have flere klasser på én gang, men kun ét id. Duplicate id-attributter er ugyldig HTML og kan forstyrre JavaScript og Googlebots parsing.
Hvad er data-attributter og er de relevante for SEO?
Data-attributter (data-*) er custom attributter der gemmer ekstra information i HTML-elementer til brug i JavaScript. De bruges til analytics-tracking, A/B-test og UI-logik. Google ignorerer generelt data-attributter og indekserer ikke deres indhold som søgbart indhold. De er SEO-neutrale men vigtige for tracking-implementeringer der kan give indsigt i brugeradfærd.
Hvad er loading-attributten og hvad gør den?
Loading-attributten på <img>- og <iframe>-elementer styrer browserens indlæsningsprioritering. loading=lazy udskyder indlæsning til elementet nærmer sig viewport — forbedrer LCP og sideindlæsningstid for off-screen billeder. loading=eager (default) indlæser øjeblikkeligt. Brug aldrig loading=lazy på LCP-billedet da det direkte forringer Largest Contentful Paint. Brug fetchpriority=high på LCP-elementet i stedet.

Placering i ordbogen

Kode — Webkode og teknisk SEO
HTML-struktur — Tags, elementer og semantik
HTML-attributter — Alt, href, id, class og SEO-relevante attributter