Add opengraph meta tags

ubucon-asia · Jan 4, 2025 · e79a171 · e79a171
1 parent 9e0775b
commit e79a171
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/src/assets/ogimage.jpeg b/src/assets/ogimage.jpeg
diff --git a/src/config.ts b/src/config.ts
@@ -3,7 +3,7 @@ import PashupatinathTempleImage from '@assets/pashupatinath_temple.jpg'
 import UbuConAsiaCommitteeLogo from "@assets/UbuConAsiaCommittee.svg"
 import OSCollectiveLogo from "@assets/oscollective.webp";
 import GNOMENepal from "@assets/gnomenepal.svg";
-
+import PreviewImage from "@assets/ogimage.jpeg";
 export interface SubMenuItem {
     link: string;
     label: string;
@@ -13,6 +13,9 @@ export const WebsiteConfig = {
     siteTitle: "UbuCon Asia 2025",
     siteDescription: "Kathmandu, Nepal | August 30-31",
     faviconPath: UCALogo.src,
+    openGraph:{
+        imagePath: PreviewImage.src
+    },
     navigation: [
         {
             label: "About",

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -19,6 +19,9 @@ const { title, description } = Astro.props;
 		<link rel="icon" type="image/svg" href={WebsiteConfig.faviconPath} />
 		<meta name="generator" content={Astro.generator} />
 		<title>{title ? `${title} | ${WebsiteConfig.siteTitle}` : WebsiteConfig.siteTitle}</title>
+		<meta property="og:title" content={title ? `${title} | ${WebsiteConfig.siteTitle}` : WebsiteConfig.siteTitle} />
+		<meta property="og:description" content={description ? description : WebsiteConfig.siteDescription}/>
+		<meta property="og:image" content={WebsiteConfig.openGraph.imagePath} />
 	</head>
 	<body>
 		<slot />