diff --git a/src/components/BaseHead.astro b/src/components/BaseHead.astro
index 016ad67..debc779 100644
--- a/src/components/BaseHead.astro
+++ b/src/components/BaseHead.astro
@@ -1,7 +1,7 @@
 ---
 import { ClientRouter } from "astro:transitions";
 
-import { GoogleAnalytics } from 'astro-google-analytics';
+import { GoogleAnalytics } from "astro-google-analytics";
 const {
   title = "Centro del Reino de Paz y Justicia",
   description = "",
@@ -11,6 +11,7 @@ const {
 } = Astro.props;
 
 const imageUrl = image ? new URL(image, Astro.site).toString() : null;
+const canonicalURL = new URL(url || Astro.url.pathname, Astro.site);
 ---
 
 <head>
@@ -19,24 +20,39 @@ const imageUrl = image ? new URL(image, Astro.site).toString() : null;
   <link rel="icon" href="/favicon.ico" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <meta name="generator" content={Astro.generator} />
-   <GoogleAnalytics id="G-26KM3HWW9J" />
+  <GoogleAnalytics id="G-26KM3HWW9J" />
 
   <title>{title}</title>
   <meta property="og:site_name" content={title} />
   <meta name="description" content={description} />
-  
+
   <!-- Open Graph -->
 
   {url && <meta property="og:url" content={url} />}
   <meta property="og:type" content="article" />
   <meta property="og:title" content={title} />
   <meta property="og:description" content={description} />
+  <link rel="canonical" href={canonicalURL} />
 
   {imageUrl && <meta property="og:image" content={imageUrl} />}
-  <meta property="og:image:width" content="1200">
-  <meta property="og:image:height" content="630">
+  <meta property="og:image:width" content="1200" />
+  <meta property="og:image:height" content="630" />
 
-  {date && <meta property="article:published_time" content={date instanceof Date ? `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}` : date} />}
+  {
+    date && (
+      <meta
+        property="article:published_time"
+        content={
+          date instanceof Date
+            ? `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(
+                2,
+                "0"
+              )}-${String(date.getDate()).padStart(2, "0")}`
+            : date
+        }
+      />
+    )
+  }
 
   <!-- Twitter -->
 
@@ -45,6 +61,5 @@ const imageUrl = image ? new URL(image, Astro.site).toString() : null;
   <meta name="twitter:description" content={description} />
   {imageUrl && <meta name="twitter:image" content={imageUrl} />}
   {url && <meta name="twitter:url" content={url} />}
-
 </head>
-<ClientRouter />
\ No newline at end of file
+<ClientRouter />
diff --git a/src/pages/[locale]/[news_slug]/[id].astro b/src/pages/[locale]/[news_slug]/[id].astro
index 383dd78..5b190a1 100644
--- a/src/pages/[locale]/[news_slug]/[id].astro
+++ b/src/pages/[locale]/[news_slug]/[id].astro
@@ -67,7 +67,7 @@ const dateISO = `${y}-${m}-${d}`;
   title={post.data.title}
   description={excerpt}
   image={post.data.thumbnail}
-  url={canonicalUrl}
+  url={canonicalUrl.toString()}
   date={post.data.date}
 >
   <script
