Canonical URLs

Undgå duplicate content og konsolider SEO-værdi med canonical tags

Hvad er en canonical URL?

En canonical URL er den foretrukne version af en side når der findes flere versioner. Du bruger rel="canonical" tag til at fortælle søgemaskiner hvilken version de skal indexere.

Hvorfor er canonical URLs vigtige?

Undgår duplicate content problemer
Konsoliderer link juice og SEO-værdi
Hjælper Google med at vælge korrekt URL til indexering
Forbedrer crawl efficiency
Sikrer korrekt URL vises i søgeresultater

Hvornår skal du bruge canonical?

URL-parametre

Når samme indhold er tilgængeligt på flere URLs med forskellige parametre:

example.com/product?color=red

example.com/product?color=blue

→ Canonical: example.com/product

HTTP vs HTTPS

Hvis både HTTP og HTTPS versioner eksisterer:

http://example.com/page

→ Canonical: https://example.com/page

WWW vs non-WWW

Vælg én version og canonical den anden:

www.example.com/page

→ Canonical: example.com/page

Trailing Slash

Konsistent håndtering af trailing slash:

example.com/page/

→ Canonical: example.com/page

Implementation

HTML <head> Tag

Den mest almindelige metode - placer i HTML head:

<head>
  <link rel="canonical" href="https://example.com/page" />
</head>

HTTP Header

For non-HTML ressourcer (PDF, billeder):

Link: <https://example.com/document.pdf>; rel="canonical"

Next.js Implementation

// app/page.tsx
export const metadata = {
  alternates: {
    canonical: 'https://example.com/page',
  },
}

// Eller dynamisk
export async function generateMetadata({ params }) {
  return {
    alternates: {
      canonical: `https://example.com/${params.slug}`,
    },
  }
}

Best Practices

✓ Gør dette

• Brug absolute URLs (fuld URL med https://)
• Self-referencing canonical på hver side
• Konsistent URL-struktur gennem hele sitet
• Canonical til den mest relevante version
• Test canonical tags fungerer korrekt

✗ Undgå dette

• Relative URLs i canonical tags
• Canonical til ikke-eksisterende sider
• Multiple canonical tags på samme side
• Canonical chains (A→B→C)
• Canonical til 404 eller redirect sider

Canonical vs 301 Redirect

Aspekt	Canonical Tag	301 Redirect
Bruger ser	Besøger URL'en	Redirectes automatisk
Søgemaskine	Hint (kan ignoreres)	Direkte (følges altid)
Anvendelse	Varianter af samme side	Permanent URL-ændring
SEO-værdi	Konsolideres	Overføres