canonicalを追加

src/routes/(DefaultStyle)/post/[slug]/+page.svelte

@@ -12,6 +12,7 @@
 	import '$lib/components/Markdown.css';
 
 	const baseURL = `https://${PUBLIC_HOSTNAME}${base}`
+	const canonical = `${baseURL}/post/${data.id}/`
 
 	// toggle code frame
 	onMount(()=>{
@@ -74,9 +75,10 @@
 
 <svelte:head>
 	<title>{data.metadata.title} | moris.day Blog</title>
+	<link rel="canonical" href="{canonical}"/>
 	<meta name="description" content="{data.metadata.description}"/>
 
-	<meta property="og:url" content="{baseURL}/post/{data.id}"/>
+	<meta property="og:url" content="{canonical}"/>
 	<meta property="og:title" content="{data.metadata.title}"/>
 	<meta property="og:description" content="{data.metadata.description}"/>
 	<meta property="og:type" content="article"/>
@@ -113,7 +115,7 @@
 				{/each}
 			</div>
 			{/if}
-			
+
 			<div class="date">
 				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M480-120q-138 0-240.5-91.5T122-440h82q14 104 92.5 172T480-200q117 0 198.5-81.5T760-480q0-117-81.5-198.5T480-760q-69 0-129 32t-101 88h110v80H120v-240h80v94q51-64 124.5-99T480-840q75 0 140.5 28.5t114 77q48.5 48.5 77 114T840-480q0 75-28.5 140.5t-77 114q-48.5 48.5-114 77T480-120Zm112-192L440-464v-216h80v184l128 128-56 56Z"/></svg>
 				<time datetime="{data.metadata.date.toLocaleDateString('sv-SE')}">{data.metadata.date.toLocaleDateString('sv-SE')}</time>
@@ -145,7 +147,7 @@
 				<Profile></Profile>
 			</div>
 			<div>
-				<Share share={{url:`${baseURL}/post/${data.id}`, title:data.metadata.title}} />
+				<Share share={{url:canonical, title:data.metadata.title}} />
 			</div>
 			{#if data.toc.length}
 				<div id='toc'>