diff --git a/quartz/components/Head.tsx b/quartz/components/Head.tsx
index 4fdd2a1f4..9c6725963 100644
--- a/quartz/components/Head.tsx
+++ b/quartz/components/Head.tsx
@@ -72,8 +72,11 @@ export default (() => {
     if (fdDescription) {
       description = unescapeHTML(fdDescription)
     }
+
     if (fileData.frontmatter?.socialDescription) {
       description = fileData.frontmatter.socialDescription
+    } else if (fileData.frontmatter?.description) {
+      description = fileData.frontmatter?.description
     }
 
     if (cfg.generateSocialImages) {
diff --git a/quartz/util/imageHelper.ts b/quartz/util/imageHelper.ts
index 062fadcf6..0f8f15bf4 100644
--- a/quartz/util/imageHelper.ts
+++ b/quartz/util/imageHelper.ts
@@ -74,13 +74,15 @@ export type SocialImageOptions = {
    */
   imageStructure: (
     cfg: GlobalConfiguration,
-    userOpts: SocialImageOptions,
+    userOpts: UserOpts,
     title: string,
     description: string,
     fonts: SatoriOptions["fonts"],
   ) => JSXInternal.Element
 }
 
+export type UserOpts = Omit<SocialImageOptions, "imageStructure">
+
 export type ImageOptions = {
   /**
    * what title to use as header in image
diff --git a/quartz/util/socialImage.tsx b/quartz/util/socialImage.tsx
index 01ad5666a..2eede2c99 100644
--- a/quartz/util/socialImage.tsx
+++ b/quartz/util/socialImage.tsx
@@ -1,10 +1,10 @@
 import { SatoriOptions } from "satori/wasm"
 import { GlobalConfiguration } from "../cfg"
-import { SocialImageOptions } from "./imageHelper"
+import { SocialImageOptions, UserOpts } from "./imageHelper"
 
 export const defaultImage: SocialImageOptions["imageStructure"] = (
   cfg: GlobalConfiguration,
-  userOpts: SocialImageOptions,
+  userOpts: UserOpts,
   title: string,
   description: string,
   fonts: SatoriOptions["fonts"],