diff --git a/www/apps/api-reference/app/layout.tsx b/www/apps/api-reference/app/layout.tsx
index b84cc379f7..9cd2b5a746 100644
--- a/www/apps/api-reference/app/layout.tsx
+++ b/www/apps/api-reference/app/layout.tsx
@@ -3,10 +3,37 @@ import Providers from "../providers"
 import { BareboneLayout, WideLayout } from "docs-ui"
 import { Inter, Roboto_Mono } from "next/font/google"
 import clsx from "clsx"
+import { Metadata } from "next"
 
-export const metadata = {
+const ogImage =
+  "https://res.cloudinary.com/dza7lstvk/image/upload/v1732200992/Medusa%20Resources/opengraph-image_daq6nx.jpg"
+
+export const metadata: Metadata = {
   title: "Medusa API Reference",
   description: "Check out Medusa's API reference",
+  metadataBase: new URL(
+    process.env.NEXT_PUBLIC_BASE_URL || "http://localhost:3000"
+  ),
+  openGraph: {
+    images: [
+      {
+        url: ogImage,
+        type: "image/jpeg",
+        height: "1260",
+        width: "2400",
+      },
+    ],
+  },
+  twitter: {
+    images: [
+      {
+        url: ogImage,
+        type: "image/jpeg",
+        height: "1260",
+        width: "2400",
+      },
+    ],
+  },
 }
 
 const inter = Inter({
diff --git a/www/apps/api-reference/app/opengraph-image.jpg b/www/apps/api-reference/app/opengraph-image.jpg
deleted file mode 100644
index 58886be285..0000000000
Binary files a/www/apps/api-reference/app/opengraph-image.jpg and /dev/null differ
diff --git a/www/apps/api-reference/app/twitter-image.jpg b/www/apps/api-reference/app/twitter-image.jpg
deleted file mode 100644
index 58886be285..0000000000
Binary files a/www/apps/api-reference/app/twitter-image.jpg and /dev/null differ
diff --git a/www/apps/book/app/layout.tsx b/www/apps/book/app/layout.tsx
index ffb3ac9641..afdb070b7c 100644
--- a/www/apps/book/app/layout.tsx
+++ b/www/apps/book/app/layout.tsx
@@ -5,6 +5,9 @@ import { BareboneLayout } from "docs-ui"
 import { inter, robotoMono } from "./fonts"
 import clsx from "clsx"
 
+const ogImage =
+  "https://res.cloudinary.com/dza7lstvk/image/upload/v1732200992/Medusa%20Resources/opengraph-image_daq6nx.jpg"
+
 export const metadata: Metadata = {
   title: {
     template: `%s - ${config.titleSuffix}`,
@@ -14,6 +17,26 @@ export const metadata: Metadata = {
   metadataBase: new URL(
     process.env.NEXT_PUBLIC_BASE_URL || "http://localhost:3000"
   ),
+  openGraph: {
+    images: [
+      {
+        url: ogImage,
+        type: "image/jpeg",
+        height: "1260",
+        width: "2400",
+      },
+    ],
+  },
+  twitter: {
+    images: [
+      {
+        url: ogImage,
+        type: "image/jpeg",
+        height: "1260",
+        width: "2400",
+      },
+    ],
+  },
 }
 
 export default function RootLayout({
diff --git a/www/apps/book/app/opengraph-image.jpg b/www/apps/book/app/opengraph-image.jpg
deleted file mode 100644
index 58886be285..0000000000
Binary files a/www/apps/book/app/opengraph-image.jpg and /dev/null differ
diff --git a/www/apps/book/app/twitter-image.jpg b/www/apps/book/app/twitter-image.jpg
deleted file mode 100644
index 58886be285..0000000000
Binary files a/www/apps/book/app/twitter-image.jpg and /dev/null differ
diff --git a/www/apps/resources/app/integrations/guides/sanity/page.mdx b/www/apps/resources/app/integrations/guides/sanity/page.mdx
index cdbb79f3c5..bee7fee0f9 100644
--- a/www/apps/resources/app/integrations/guides/sanity/page.mdx
+++ b/www/apps/resources/app/integrations/guides/sanity/page.mdx
@@ -9,14 +9,20 @@ export const metadata = {
     images: [
       {
         url: ogImage,
-        width: 1600,
-        height: 900
+        width: 800,
+        height: 450,
+        type: "image/jpeg"
       }
     ],
   },
   twitter: {
     images: [
-      ogImage
+      {
+        url: ogImage,
+        width: 800,
+        height: 450,
+        type: "image/jpeg"
+      }
     ]
   }
 }
diff --git a/www/apps/resources/app/layout.tsx b/www/apps/resources/app/layout.tsx
index 0ccd725d31..69d6655c0d 100644
--- a/www/apps/resources/app/layout.tsx
+++ b/www/apps/resources/app/layout.tsx
@@ -8,6 +8,9 @@ import clsx from "clsx"
 import { Feedback } from "@/components/Feedback"
 import EditButton from "@/components/EditButton"
 
+const ogImage =
+  "https://res.cloudinary.com/dza7lstvk/image/upload/v1732200992/Medusa%20Resources/opengraph-image_daq6nx.jpg"
+
 export const metadata: Metadata = {
   title: {
     template: `%s - ${config.titleSuffix}`,
@@ -18,6 +21,26 @@ export const metadata: Metadata = {
   metadataBase: new URL(
     process.env.NEXT_PUBLIC_BASE_URL || "http://localhost:3000"
   ),
+  openGraph: {
+    images: [
+      {
+        url: ogImage,
+        type: "image/jpeg",
+        height: "1260",
+        width: "2400",
+      },
+    ],
+  },
+  twitter: {
+    images: [
+      {
+        url: ogImage,
+        type: "image/jpeg",
+        height: "1260",
+        width: "2400",
+      },
+    ],
+  },
 }
 
 export const inter = Inter({
diff --git a/www/apps/resources/app/opengraph-image.jpg b/www/apps/resources/app/opengraph-image.jpg
deleted file mode 100644
index 58886be285..0000000000
Binary files a/www/apps/resources/app/opengraph-image.jpg and /dev/null differ
diff --git a/www/apps/resources/app/twitter-image.jpg b/www/apps/resources/app/twitter-image.jpg
deleted file mode 100644
index 58886be285..0000000000
Binary files a/www/apps/resources/app/twitter-image.jpg and /dev/null differ
diff --git a/www/apps/ui/src/app/layout.tsx b/www/apps/ui/src/app/layout.tsx
index 675b272401..cae5baf466 100644
--- a/www/apps/ui/src/app/layout.tsx
+++ b/www/apps/ui/src/app/layout.tsx
@@ -8,12 +8,35 @@ import { BareboneLayout, TightLayout } from "docs-ui"
 import { Inter, Roboto_Mono } from "next/font/google"
 import clsx from "clsx"
 
+const ogImage =
+  "https://res.cloudinary.com/dza7lstvk/image/upload/v1732200992/Medusa%20Resources/opengraph-image_daq6nx.jpg"
+
 export const metadata: Metadata = {
   title: siteConfig.name,
   description: siteConfig.description,
   metadataBase: new URL(
     process.env.NEXT_PUBLIC_BASE_URL || "http://localhost:3000"
   ),
+  openGraph: {
+    images: [
+      {
+        url: ogImage,
+        type: "image/jpeg",
+        height: "1260",
+        width: "2400",
+      },
+    ],
+  },
+  twitter: {
+    images: [
+      {
+        url: ogImage,
+        type: "image/jpeg",
+        height: "1260",
+        width: "2400",
+      },
+    ],
+  },
 }
 
 const inter = Inter({
diff --git a/www/apps/ui/src/app/opengraph-image.jpg b/www/apps/ui/src/app/opengraph-image.jpg
deleted file mode 100644
index 58886be285..0000000000
Binary files a/www/apps/ui/src/app/opengraph-image.jpg and /dev/null differ
diff --git a/www/apps/ui/src/app/twitter-image.jpg b/www/apps/ui/src/app/twitter-image.jpg
deleted file mode 100644
index 58886be285..0000000000
Binary files a/www/apps/ui/src/app/twitter-image.jpg and /dev/null differ
diff --git a/www/apps/user-guide/app/layout.tsx b/www/apps/user-guide/app/layout.tsx
index 30219e2113..43c41bef9f 100644
--- a/www/apps/user-guide/app/layout.tsx
+++ b/www/apps/user-guide/app/layout.tsx
@@ -8,6 +8,9 @@ import clsx from "clsx"
 import Feedback from "../components/Feedback"
 import EditButton from "../components/EditButton"
 
+const ogImage =
+  "https://res.cloudinary.com/dza7lstvk/image/upload/v1732200992/Medusa%20Resources/opengraph-image_daq6nx.jpg"
+
 export const metadata: Metadata = {
   title: {
     template: `%s - ${config.titleSuffix}`,
@@ -17,6 +20,26 @@ export const metadata: Metadata = {
   metadataBase: new URL(
     process.env.NEXT_PUBLIC_BASE_URL || "http://localhost:3000"
   ),
+  openGraph: {
+    images: [
+      {
+        url: ogImage,
+        type: "image/jpeg",
+        height: "1260",
+        width: "2400",
+      },
+    ],
+  },
+  twitter: {
+    images: [
+      {
+        url: ogImage,
+        type: "image/jpeg",
+        height: "1260",
+        width: "2400",
+      },
+    ],
+  },
 }
 
 export const inter = Inter({
diff --git a/www/apps/user-guide/app/opengraph-image.jpg b/www/apps/user-guide/app/opengraph-image.jpg
deleted file mode 100644
index 58886be285..0000000000
Binary files a/www/apps/user-guide/app/opengraph-image.jpg and /dev/null differ
diff --git a/www/apps/user-guide/app/twitter-image.jpg b/www/apps/user-guide/app/twitter-image.jpg
deleted file mode 100644
index 58886be285..0000000000
Binary files a/www/apps/user-guide/app/twitter-image.jpg and /dev/null differ