#113 Fix OG image and url

incluud · Feb 4, 2025 · bb48d92 · bb48d92
1 parent a3be1b1
commit bb48d92
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 12 deletions.
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -7,6 +7,7 @@ import icon from 'astro-icon'
 // https://astro.build/config
 export default defineConfig({
   compressHTML: true,
+  site: 'https://accessible-astro.netlify.app',
   integrations: [
     mdx(),
     icon(),

diff --git a/src/components/SiteMeta.astro b/src/components/SiteMeta.astro
@@ -16,7 +16,7 @@ let subtitle = 'Accessible Astro Starter'
 <meta property="og:description" content={description} />
 <meta property="og:type" content="website" />
 <meta property="og:url" content={url} />
-<meta property="og:image" content={Astro.site ? `${Astro.site}${image}` : image} />
+<meta property="og:image" content={`${Astro.site}${image}`} />
 
 <!-- twitter card -->
 

diff --git a/src/layouts/DefaultLayout.astro b/src/layouts/DefaultLayout.astro
@@ -8,8 +8,8 @@ import Footer from '../components/Footer.astro'
 const {
   title = 'Astro',
   description = 'A starter project with accessibility features using Astro static site builder. Contains accessible landmarks, skip links, a dark mode color scheme, better focus outline and keyboard menu navigation.',
-  url,
-  image = '/social-preview-image.png',
+  url = Astro.site,
+  image = 'social-preview-image.png',
   author = 'Mark Teekman',
 } = Astro.props
 ---
@@ -23,15 +23,7 @@ const {
     <!-- favicon -->
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 
-    <SiteMeta
-      title={title}
-      description={description.substring(0, 100)}
-      url={Astro.site
-        ? `${Astro.site}/${title.toLowerCase().replaceAll(' ', '-')}`
-        : `https://accessible-astro.dev/${title.toLowerCase().replaceAll(' ', '-')}`}
-      image={image}
-      author={author}
-    />
+    <SiteMeta title={title} description={description.substring(0, 100)} url={url} image={image} author={author} />
   </head>
   <body>
     <Header />