feat: add canonical to all pages

bjerkio · Jun 26, 2023 · 43658e9 · 43658e9
1 parent bfd9bc8
commit 43658e9
Show file tree

Hide file tree

Showing 7 changed files with 10 additions and 6 deletions.
diff --git a/src/components/metadata.svelte b/src/components/metadata.svelte
@@ -8,6 +8,7 @@
 	export let description: string | undefined = undefined;
 	export let data: MetaTagsProps = {};
 	export let seo: Seo | null = null;
+	export let path: string | undefined = undefined;
 
 	export let defaultImage = '/assets/bjerk-default-seo.png';
 
@@ -27,6 +28,7 @@
 	{...data}
 	titleTemplate={data.title ? '%s – Bjerk' : 'Bjerk - Digitale produktutviklere'}
 	description={seo?.description ?? description ?? data.description ?? defaultDescription}
+	canonical={path ? new URL(path, 'https://bjerk.io').toString() : undefined}
 	openGraph={{
 		site_name: 'Bjerk',
 		title: seo?.title ?? data.title ?? 'Bjerk',
@@ -35,7 +37,8 @@
 			{
 				url: image
 			}
-		]
+		],
+		...(path ? { canonical: new URL(path, 'https://bjerk.io').toString() } : {})
 	}}
 	twitter={{
 		cardType: 'summary_large_image',

diff --git a/src/routes/(default)/about/principles/+page.svelte b/src/routes/(default)/about/principles/+page.svelte
@@ -2,7 +2,7 @@
 	import Metadata from '$components/metadata.svelte';
 </script>
 
-<Metadata title="Prinsipper" />
+<Metadata title="Prinsipper" path="/about/principles" />
 
 <div class="container">
 	<div class="section">

diff --git a/src/routes/(default)/contact/+page.svelte b/src/routes/(default)/contact/+page.svelte
@@ -3,7 +3,7 @@
 	import Employees from '$components/employees.svelte';
 </script>
 
-<Metadata title="Om oss" />
+<Metadata title="Om oss" path="/contact" />
 
 <div class="container">
 	<div class="section elevator">

diff --git a/src/routes/(default)/privacy/+page.svelte b/src/routes/(default)/privacy/+page.svelte
@@ -2,7 +2,7 @@
 	import Metadata from '../../../components/metadata.svelte';
 </script>
 
-<Metadata title="Personvernerklæring" />
+<Metadata title="Personvernerklæring" path="/privacy" />
 
 <div class="content">
 	<h1>Personvernerklæring</h1>

diff --git a/src/routes/(default)/projects/+page.svelte b/src/routes/(default)/projects/+page.svelte
@@ -5,7 +5,7 @@
 	export let data: PageData;
 </script>
 
-<Metadata title="Prosjekter" />
+<Metadata title="Prosjekter" path="/projects" />
 
 <div class="container projects">
 	{#each data.projects as project}

diff --git a/src/routes/(default)/projects/[slug]/+page.svelte b/src/routes/(default)/projects/[slug]/+page.svelte
@@ -12,6 +12,7 @@
 	title={project.name}
 	description={project.description}
 	seo={project.seo}
+	path={`/projects/${project.slug?.current}`}
 	defaultImage={`https://bjerk.io/assets/graph/${project.slug?.current}.png`}
 />
 

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -6,7 +6,7 @@
 	import Hero from './hero.svelte';
 </script>
 
-<Metadata />
+<Metadata path="/" />
 
 <div class="homepage-container">
 	<div class="container">