diff --git a/packages/docs/src/.vitepress/config.ts b/packages/docs/src/.vitepress/config.ts
index 0de3774..71c19a4 100644
--- a/packages/docs/src/.vitepress/config.ts
+++ b/packages/docs/src/.vitepress/config.ts
@@ -65,9 +65,39 @@ function convertNavToPascalCase(nav: Array<any>) {
 // https://vitepress.dev/reference/site-config
 export default withMermaid({
   outDir: '../dist',
-  title: 'Stack',
+  title: 'XO Stack',
   description:
     'XO Stack: Building smart applications on the Bitcoin Cash Network',
+  head: [
+    // Favicon.
+    ['link', { rel: 'icon', href: '/favicon.png' }],
+    // Basic OpenGraph tags
+    ['meta', { property: 'og:type', content: 'website' }],
+    ['meta', { property: 'og:title', content: 'XO Stack' }],
+    [
+      'meta',
+      {
+        property: 'og:description',
+        content:
+          'XO Stack: Building smart applications on the Bitcoin Cash Network',
+      },
+    ],
+    [
+      'meta',
+      {
+        property: 'og:image',
+        content: 'https://stack.xo.cash/stack-opengraph.jpg',
+      },
+    ],
+    ['meta', { property: 'og:url', content: 'https://stack.xo.cash/' }],
+
+    // Optional additional tags
+    ['meta', { property: 'og:site_name', content: 'XO Stack' }],
+
+    // Twitter Card tags (optional but recommended)
+    ['meta', { name: 'twitter:card', content: 'summary_large_image' }],
+    ['meta', { name: 'twitter:site', content: '@yourtwitterhandle' }],
+  ],
   themeConfig: {
     // Set the logo
     logo: {
@@ -213,8 +243,6 @@ export default withMermaid({
     },
   },
 
-  head: [['link', { rel: 'icon', href: '/favicon.png' }]],
-
   // Set the dev and build targets to "esnext"
   // NOTE: We do this so that we can support top-level-await.
   vite: {
diff --git a/packages/docs/src/public/stack_opengraph.jpg b/packages/docs/src/public/stack_opengraph.jpg
new file mode 100644
index 0000000..04b2cdb
Binary files /dev/null and b/packages/docs/src/public/stack_opengraph.jpg differ