URL Optimering

Lær at skabe SEO-venlige URLs med rigtig struktur, keywords og hierarki. En god URL-struktur forbedrer både brugeroplevelsen og din søgemaskineranking.

Bedre Rankings

Højere CTR

Bedre UX

Hvad er URL Optimering?

URL optimering handler om at strukturere dine URLs så de er nemme at forstå for både brugere og søgemaskiner. En veloptimeret URL:

Er beskrivende og let at læse
Indeholder relevante keywords
Afspejler sidens hierarki
Er kort og præcis
Bruger bindestreger (ikke underscores)

Gode vs. Dårlige URLs

✅ Gode URLs

https://example.com/produkter/lobesko

→ Beskrivende, læseligt, indeholder keywords

https://example.com/blog/seo-guide-2024

→ Keywords, dato, klar struktur

https://example.com/toj/herrer/jakker

→ Logisk hierarki, præcis kategorisering

❌ Dårlige URLs

https://example.com/index.php?id=4827&cat=12

→ Ikke læseligt, ingen keywords, session IDs

https://example.com/product_list_running_shoes

→ Underscores i stedet for bindestreger

https://example.com/produkt/kategori/underkategori/subcat/item/12345

→ For dyb struktur, ikke brugervenlig

Best Practices for URL Struktur

Brug beskrivende keywords

Inkluder relevante keywords der beskriver sidens indhold

✓ /vintertoj/herrejakker

✗ /kategori-17/produkt-4829

Hold det kort og simpelt

Maks 3-5 ord per URL segment. Undgå unødvendige ord

✓ /blog/seo-tips

✗ /blog/her-er-de-bedste-seo-tips-for-2024

Brug bindestreger, ikke underscores

Google behandler bindestreger som mellemrum, men ikke underscores

✓ /seo-guide

✗ /seo_guide

Brug lowercase

Konsistent brug af små bogstaver forhindrer duplicate content

✓ /produkter/lobesko

✗ /Produkter/Lobesko

Undgå stop-ord

Fjern unødvendige ord som "og", "eller", "i", "en", "det"

✓ /guide-seo-optimering

✗ /en-guide-til-seo-og-optimering

Konsistent trailing slash

Vælg om du bruger trailing slash eller ej, og vær konsistent

✓ /produkter/ ELLER /produkter

✗ Blanding af begge

Logisk URL Hierarki

En god URL struktur afspejler sidens informationsarkitektur og gør det nemt at navigere:

https://example.com/

Hjemmeside (niveau 0)

https://example.com/produkter/

Hovedkategori (niveau 1)

https://example.com/produkter/lobesko/

Underkategori (niveau 2)

https://example.com/produkter/lobesko/nike-air-zoom

Produkt (niveau 3)

Anbefaling: Hold hierarkiet på max 3-4 niveauer for bedst UX og SEO

URL Parametre

Hvad er URL parametre?

URL parametre er key-value pairs der kommer efter et spørgsmålstegn:

https://example.com/produkter?sort=pris&farve=rod

Acceptable parametre

• ?sort= - Sortering
• ?filter= - Filtrering
• ?page= - Paginering
• ?ref= - Tracking

Problematiske parametre

• ?sessionid= - Session IDs
• ?userid= - Bruger IDs
• ?timestamp= - Tidsstempler
• For mange parametre (5+)

Håndtering af parametre i Google Search Console

Brug URL Parameters tool til at fortælle Google hvordan parametre skal håndteres:

• Passive: Ændrer ikke indhold (tracking, ref)
• Active: Ændrer indhold (sort, filter, page)
• Representative URL: Definer en canonical URL

Implementation i Next.js

Clean URLs med Dynamic Routes

// app/produkter/[category]/[slug]/page.tsx
export default function ProductPage({
  params
}: {
  params: { category: string; slug: string }
}) {
  // params.category = "lobesko"
  // params.slug = "nike-air-zoom"

  return <div>Product: {params.slug}</div>
}

// Dette giver clean URLs:
// /produkter/lobesko/nike-air-zoom
// /produkter/vintertoj/jakke-sort

URL Slugs fra Titler

// lib/slugify.ts
export function slugify(text: string): string {
  return text
    .toLowerCase()
    .replace(/[æ]/g, 'ae')
    .replace(/[ø]/g, 'oe')
    .replace(/[å]/g, 'aa')
    .replace(/[^a-z0-9]+/g, '-')  // Erstat ikke-alfanumeriske med -
    .replace(/^-+|-+$/g, '')       // Fjern - fra start/slut
}

// Eksempler:
slugify("Sådan optimerer du SEO")  // "saadan-optimerer-du-seo"
slugify("Grøn løbesko til mænd")   // "groen-lobesko-til-maend"

Trailing Slash Redirect

// next.config.js
module.exports = {
  trailingSlash: true,  // Alle URLs får trailing slash
  // eller
  trailingSlash: false, // Ingen trailing slash
}

// middleware.ts - Custom håndtering
export function middleware(request: NextRequest) {
  const url = request.nextUrl.clone()

  // Redirect til version uden trailing slash
  if (url.pathname.endsWith('/') && url.pathname !== '/') {
    url.pathname = url.pathname.slice(0, -1)
    return NextResponse.redirect(url, 301)
  }
}