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:

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: Tildeler et unikt identifikationsnavn til elementet. 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: Tildeler et eller flere klassenavne til elementet for CSS-styling og JavaScript-reference. Kan bruges på mange elementer.

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

<html lang="da">

title: Tilføjer tooltip-tekst der vises ved hover. Lille SEO-relevans i dag — brug alt til billeder i stedet.

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

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.

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.

Placering i ordbogen

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