diff --git a/apps/dashboard/public/open-graph-image.png b/apps/dashboard/public/open-graph-image.png
new file mode 100644
index 000000000..fac98410c
Binary files /dev/null and b/apps/dashboard/public/open-graph-image.png differ
diff --git a/apps/dashboard/src/app/layout.tsx b/apps/dashboard/src/app/layout.tsx
index e288b36af..293e10686 100644
--- a/apps/dashboard/src/app/layout.tsx
+++ b/apps/dashboard/src/app/layout.tsx
@@ -18,11 +18,15 @@ import { RouterProvider } from '@/components/router';
 import { CSPostHogProvider, UserIdentity } from './providers';
 
 export const metadata: Metadata = {
+  metadataBase: new URL(process.env.NEXT_PUBLIC_STACK_URL || ''),
   title: {
     default: 'Stack Auth Dashboard',
     template: '%s | Stack Auth',
   },
   description: 'Stack Auth is the fastest way to add authentication to your web app.',
+  openGraph:{
+    images: [`${process.env.NEXT_PUBLIC_STACK_URL}/open-graph-image.png`]
+  }
 };
 
 const fontSans = FontSans({