Better meta descriptions in layout

calimania · Dec 10, 2024 · eac5443 · eac5443
1 parent d0f398d
commit eac5443
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 5 deletions.
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -18,9 +18,10 @@ export interface Props {
   scrollSmooth?: boolean;
   post?: CollectionEntry<"posts">;
   meta?: {
-    title: string;
-    image: string;
-    description: string;
+    title?: string;
+    image?: string;
+    description?: string;
+    url?: string;
   };
 }
 
@@ -122,7 +123,10 @@ const store = stores.find(
     />
     <meta
       property="og:url"
-      content={post?.data?.SEO?.metaUrl || store?.SEO?.metaUrl || canonicalURL}
+      content={meta?.url ||
+        post?.data?.SEO?.metaUrl ||
+        store?.SEO?.metaUrl ||
+        canonicalURL}
     />
     <meta
       property="og:image"

diff --git a/src/pages/[slug].astro b/src/pages/[slug].astro
@@ -34,7 +34,14 @@ const store = stores.find(
 const { page } = Astro.props;
 ---
 
-<Layout>
+<Layout
+  meta={{
+    title: page?.SEO?.metaTitle || page?.Title,
+    image: page?.SEO?.socialImage?.url,
+    description: page?.SEO?.metaDescription,
+    url: `/${page?.slug}`,
+  }}
+>
   <Header store={store} activeNav={page?.data?.slug as activeNav} />
   <Breadcrumbs />
   <main id="main-content">