70 60 56 63

Google præciserer canonical-tags med JavaScript for optimal SEO

af | dec 18, 2025 | Nyheder

Introduktion

Google har netop opdateret sit JavaScript SEO bedste-praksis-dokument for anden gang  – denne gang med en vigtig afklaring om canonicalisering i JavaScript. Hvis du arbejder med webudvikling, online marketing eller SEO, er det afgørende at forstå, hvordan du håndterer rel="canonical"-tags, når dine sider renderes eller justeres ved hjælp af JavaScript. I denne guide på MorningShow.dk gennemgår vi ændringerne, forklarer, hvorfor de er vigtige, og giver dig konkrete anbefalinger til, hvordan du optimerer din site for at sikre korrekt indeksering og undgå duplicate content-problemer.

Hvad er canonicalisering, og hvorfor er det vigtigt?

Canonicalisering er den proces, hvor du fortæller søgemaskinerne, hvilken version af en side der er “hovedversionen” (canonical URL). Uden korrekte canonical-tags risikerer du:

  • Duplicate content: Flere variationer af den samme side konkurrerer om placeringer i Google.
  • Spredt linkværdi: Indgående links fordeles over flere URL-varianter i stedet for at samle SEO-kraften ét sted.
  • Indekseringsforvirring: Google kan vælge at indeksere en mindre relevant version af dit indhold.

Ved at pege på én canonical URL hjælper du Google med at fokusere på den rigtige side, hvilket er essentielt for en stærk SEO-indsats.

Nyeste ændringer fra Google

Ifølge den seneste opdatering i Google Developers’ dokument “JavaScript SEO Basics” har Google tilføjet en sektion om canonicalisering for JavaScript-afhængige sider. Hovedbudskabet lyder:

  1. Anvend altid det samme canonical URL i JavaScript, som du har angivet i den oprindelige HTML.
  2. Hvis det ikke er muligt at sætte canonical-taget i HTML, kan du indsætte det via JavaScript – men kun hvis du helt udelader canonical-taget fra HTML’en.

Citat fra Google Developers:
“The rel=“canonical” link tag helps Google find the canonical version of a page. You can use JavaScript to set the canonical URL, but keep in mind that you shouldn’t use JavaScript to change the canonical URL to something else than the URL you specified as the canonical URL in the original HTML. The best way to set the canonical URL is to use HTML, but if you have to use JavaScript, make sure that you always set the canonical URL to the same value as the original HTML. If you can’t set the canonical URL in the HTML, then you can use JavaScript to set the canonical URL and leave it out of the original HTML.”

Kort fortalt:
• Prioritér altid et statisk canonical-tag i HTML
• Hvis du er nødt til at injicere det via JavaScript, skal det matche HTML-værdien 100 %
• Undlad at have mismatches mellem HTML og JavaScript

Anbefalede arbejdsflow for implementering

For at sikre en glidende implementering i dine JS-drevne sites kan du følge denne trin-for-trin-guide:

  1. Audit af eksisterende tags
    • Brug Screaming Frog eller et lignende crawl-værktøj til at kortlægge alle rel="canonical"-tags.
    • Notér eventuelle mismatch mellem HTML og JS.
  2. Ret canonical i HTML
    • Den primære indsats bør altid være at sætte canonical-taget i server-response HTML.
    • Hvis du bruger et klassisk CMS (WordPress, Drupal mv.), kan du ofte anvende plugins eller modul-indstillinger.
  3. JS-fallback, hvis HTML ikke kan ændres
    • I edge-cases, fx platformsbegrænsninger eller headless-setup, kan du programmere et JS-script, der dynamisk indsætter <link rel="canonical">.
    • Sørg for, at scriptet loader tidligt (før page render), så Googlebot aldrig ser to forskellige værdier.
  4. Valider i Google Search Console
    • Inspect URL → Se canonical-feltet → Bekræft at det matcher din ønskede URL.
    • Overvåg dækning og fejlmeddelelser løbende.
  5. Overvåg performance i Analytics og Search Console
    • Hold øje med click-through-rates, impressions og placeringer for dine sider.
    • Hvis en side mister synlighed, tjek canonical-opsætningen som mulig årsag.

Læs også vores dybdegående case om JS-driven canonicalisering for endnu flere praktiske eksempler.

Eksempel: Sådan indsætter du canonical med JavaScript
Hvis du af tekniske årsager ikke kan ændre HTML, kan du bruge følgende simple snippet:

<script>
  (function() {
    var link = document.createElement('link');
    link.setAttribute('rel', 'canonical');
    link.setAttribute('href', 'https://www.ditdomæne.dk/den-rigtige-side');
    document.head.appendChild(link);
  })();
</script>

Vigtige punkter ved brug af JS-snippet:
• Placer scriptet i <head> så tidligt som muligt
• Erstat href med præcis samme URL, som du ellers ville have sat i HTML
• Test med “View Source” og “Inspect Element” for at sikre, at der kun er ét canonical-tag

Yderligere tips til JavaScript SEO
• Server-side rendering (SSR): Overvej frameworks som Next.js eller Nuxt.js, hvis du har mange dynamiske JS-sider – det reducerer afhængigheden af client-side genereret metadata.
• Dynamisk indhold: Hvis du loader produkt- eller artikeldetaljer via API, skal du sørge for, at metadata (title, description, canonical) også genereres dynamisk på server-niveau eller via et tidligt JS-hook.
• Pre-rendering: Tjenester som Prerender.io kan hjælpe med at sende fuldt rendere HTML til crawlers, inkl. korrekte canonical-tags.

Konklusion og best practices
Google’s seneste præcisering af canonicalisering i JavaScript understreger vigtigheden af konsistens mellem HTML og JS. Følg disse hovedregler:

  • Prioritér et statisk canonical-tag i din HTML
  • Brug JavaScript kun som fallback – aldrig til at ændre canonical-værdien
  • Valider altid din opsætning i Google Search Console
  • Overvåg kontinuerligt for fejl og performance-afvigelser

Ved at implementere disse anbefalinger undgår du duplicate content-problemer, sikrer optimal indeksering og høster maksimale SEO-gevinster. Hold dig desuden opdateret på Google Developers-dokumentation, da SEO-landskabet konstant udvikler sig – især når det gælder JavaScript og dynamisk indhold.

God SEO-arbejde!