diff --git a/app/explore/[slug]/page.tsx b/app/explore/[slug]/page.tsx
index 60a7b18..880461f 100644
--- a/app/explore/[slug]/page.tsx
+++ b/app/explore/[slug]/page.tsx
@@ -17,7 +17,6 @@ interface IProps {
 }
 
 export async function generateMetadata({ params }: IProps): Promise<Metadata> {
-  const url = SITE_CONFIG.url;
   const { slug } = params;
   const title = slug
     .split("-")
@@ -28,7 +27,7 @@ export async function generateMetadata({ params }: IProps): Promise<Metadata> {
     title,
     description,
     alternates: {
-      canonical: `${url}/${slug}`,
+      canonical: `/${slug}`,
     },
   };
 }
diff --git a/app/layout.tsx b/app/layout.tsx
index 73b86a6..fbc320d 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -23,8 +23,9 @@ export const fontMono = Fira_Code({
 });
 
 export const metadata: Metadata = {
+  metadataBase: new URL(SITE_CONFIG.url!),
   alternates: {
-    canonical: SITE_CONFIG.url,
+    canonical: "/",
   },
   title: {
     default: SITE_CONFIG.name,