diff --git a/plugins/canonical.ts b/plugins/canonical.ts
new file mode 100644
index 0000000..1875bf5
--- /dev/null
+++ b/plugins/canonical.ts
@@ -0,0 +1,13 @@
+export default defineNuxtPlugin(() => {
+  const route = useRoute()
+  const canonicalUrl = withSiteUrl(computed(() => route.path), { canonical: true })
+
+  useHead({
+    link: [
+      { rel: 'canonical', href: canonicalUrl }
+    ],
+    meta: [
+      { property: 'og:url', content: canonicalUrl }
+    ]
+  })
+})