diff --git a/docs/src/layouts/ComponentLayout.svelte b/docs/src/layouts/ComponentLayout.svelte
index 9277ceed60..5801441a9e 100644
--- a/docs/src/layouts/ComponentLayout.svelte
+++ b/docs/src/layouts/ComponentLayout.svelte
@@ -65,6 +65,13 @@
   )}`;
 </script>
 
+<svelte:head>
+  <link
+    rel="canonical"
+    href="https://svelte.carbondesignsystem.com/components/{component}"
+  />
+</svelte:head>
+
 <Content data-components>
   <Grid class="fix-overflow">
     <Row>
diff --git a/docs/src/pages/index.svelte b/docs/src/pages/index.svelte
index a379442bb3..15b6974a29 100644
--- a/docs/src/pages/index.svelte
+++ b/docs/src/pages/index.svelte
@@ -59,6 +59,10 @@
 </svelte:head>`;
 </script>
 
+<svelte:head>
+  <link rel="canonical" href="https://svelte.carbondesignsystem.com/" />
+</svelte:head>
+
 <Content>
   <Grid>
     <Row>