HTML Academy · Lektion

Kanoniske URL'er og robots-meta

Styr crawling, og undgå duplikeret indhold med metatags

Lektion 3 af 413 trin

Kanoniske URL'er og robots-meta er en gratis HTML Academy-lektion på CoddyKit. Dette er lektion 3 af 4. Du kan læse alle 3 lektioner i dette læringsspor gratis i deres fulde længde — derefter låser CoddyKit PRO alle lektioner op samt praktiske øvelser med en indbygget kodeeditor og en AI-underviser døgnet rundt. Den er en del af læringsforløbet i HTML Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. HTML Academy-kurset indeholder 4 lektioner i alt.

Problemet med duplikeret indhold

Søgemaskiner kan finde din side på flere URL'er:

http://example.com/page
https://example.com/page
https://www.example.com/page
https://example.com/page/ (afsluttende skråstreg)
https://example.com/page?utm_source=newsletter

Google skal beslutte, hvilken URL der skal indekseres — og kan straffe for duplikeret indhold.

Det kanoniske linktag

Fortæl søgemaskinerne, hvilken URL der foretrækkes, med rel="canonical":

<head>
  <!-- This is the canonical URL for this content: -->
  <link rel="canonical" href="https://example.com/blog/html5-guide">
</head>
<!-- No matter which URL the page is accessed from,
     this tag signals to Google which URL to index -->
<!-- Link equity is consolidated at the canonical URL -->

Regler for kanoniske URL'er

Bedstepraksis for kanoniske URL'er:

Brug den fulde, absolutte URL (inklusive protokol)
Brug HTTPS, hvis dit websted understøtter det
Vær konsekvent: altid med eller altid uden afsluttende skråstreg
Hver side bør have et canonical-tag — også selvom det er sidens egen URL

<link rel="canonical" href="https://example.com/blog/html5-guide">
<!-- NOT: -->
<!-- <link rel="canonical" href="/blog/html5-guide"> relative = bad -->
<!-- <link rel="canonical" href="http://..."> HTTP on HTTPS site = bad -->

Paginering og canonical

For pagineret indhold kan canonical pege på den første side eller på siden selv:

<!-- Page 2 of a blog listing: -->
<link rel="canonical" href="https://example.com/blog?page=2">
<!-- Or: consolidate all pages to the first -->
<link rel="canonical" href="https://example.com/blog">
<!-- Also useful: rel="prev" and rel="next" for paginated series -->

Værdier for meta robots

Styr søgemaskinernes adfærd for hver side:

<meta name="robots" content="index, follow">
<!-- Default: include in index and follow links -->

<meta name="robots" content="noindex">
<!-- Don't index this page -->

<meta name="robots" content="nofollow">
<!-- Don't follow links on this page -->

<meta name="robots" content="noindex, nofollow">
<!-- Don't index AND don't follow -->

<meta name="robots" content="noarchive">
<!-- Don't show cached version in search results -->

Specifikke direktiver til Googlebot

Målret bestemte crawlere med specifikke direktiver:

<meta name="googlebot" content="noindex">
<!-- Only affects Google's crawler -->

<meta name="bingbot" content="noindex">
<!-- Only affects Bing's crawler -->

<!-- Other values: -->
<meta name="robots" content="max-snippet:50">
<!-- Limit snippet length in search results to 50 characters -->

<meta name="robots" content="max-image-preview:large">
<!-- Allow full-size image previews in Google results -->

HTTP-headeren X-Robots-Tag

Canonical og robots kan også angives via HTTP-headere (på serverniveau):

# Apache .htaccess:
Header add Link "<https://example.com/page>; rel=canonical"
Header add X-Robots-Tag "noindex"

# This is more powerful because it applies to non-HTML files too
# (PDFs, images, etc.) which can't have meta tags

robots.txt sammenlignet med meta robots

To værktøjer til at styre crawlere — med forskellige formål:

robots.txt — styrer, hvilke sider crawlere må få adgang til (adgangskontrol)
meta robots — styrer, hvad crawlere gør med sider, de har fået adgang til (indekseringskontrol)

En side, der er blokeret i robots.txt, kan stadig blive indekseret, hvis der linkes til den andetsteds fra. En side med noindex bliver med sikkerhed ikke indekseret.

Sitemap og canonical

Dit sitemap bør kun indeholde kanoniske URL'er:

<!-- sitemap.xml should list canonical URLs only: -->
<!-- https://example.com/blog/html5-guide (canonical) -->
<!-- NOT: https://www.example.com/blog/html5-guide -->
<!-- NOT: https://example.com/blog/html5-guide/ (trailing slash variant) -->

Selvrefererende canonical

Hver side bør have en selvrefererende canonical — også hovedsiden:

<!-- On https://example.com/about (the canonical URL itself): -->
<link rel="canonical" href="https://example.com/about">
<!-- This confirms: this IS the canonical URL -->
<!-- Prevents issues if the page is embedded in an iframe or scraped -->

Canonical i e-handel

Canonical-mønstre i e-handel for produkter med varianter:

<!-- Product page with color filter: -->
<!-- URL: /products/widget?color=blue -->
<link rel="canonical" href="https://example.com/products/widget">
<!-- All color variants point to the main product page -->
<!-- Avoids duplicate content penalty for parameter variants -->

Hurtigt tjek

Hvad skal href-værdien for et canonical-linktag være?

Besvar den i den interaktive lektion

Opsamling: canonical og robots

Det vigtigste om canonical og robots:

<link rel="canonical" href="full-url"> — angiv den foretrukne URL
Brug absolutte URL'er i canonical; altid HTTPS
meta robots noindex — udeluk fra søgeindekset
meta robots nofollow — følg ikke links
robots.txt = adgangskontrol; meta robots = indekseringskontrol

Gratis at komme i gang

Lær HTML med en AI-underviser — gratis

Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.

Kurser: 40
Lektioner: 159

Start gratis Se hele kurset

Ofte stillede spørgsmål

Er lektionen “Kanoniske URL'er og robots-meta” gratis?

Ja — alle 3 lektioner i læringssporet HTML Academy, inklusive “Kanoniske URL'er og robots-meta”, kan læses gratis i deres fulde længde her på webstedet. Derefter låser CoddyKit PRO alle lektioner op samt interaktive øvelser med en indbygget kodeeditor og en AI-underviser døgnet rundt. HTML Academy-kurset indeholder 4 lektioner i alt.

Hvad lærer jeg i “Kanoniske URL'er og robots-meta”?

Styr crawling, og undgå duplikeret indhold med metatags Du øver dig i HTML Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.

Skal jeg have erfaring for at begynde på HTML Academy?

Der kræves ingen tidligere erfaring. HTML Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 3 af 4.

Hvor lang tid tager lektionen “Kanoniske URL'er og robots-meta”?

De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.

Kan jeg skrive og køre kode i denne HTML Academy-lektion?

Ja. Alle HTML Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.

Alle lektioner i dette kursus

title og dets rolle i SEO
meta charset viewport author og description
Kanoniske URL'er og robots-meta
Favicon og Apple Touch Icon

← Tilbage til HTML Academy