diff --git a/website/assets/doc-og-card-v1.png b/website/assets/doc-og-card-v1.png
new file mode 100644
index 00000000..60346674
Binary files /dev/null and b/website/assets/doc-og-card-v1.png differ
diff --git a/website/assets/og-card-v4.png b/website/assets/og-card-v4.png
new file mode 100644
index 00000000..9504902b
Binary files /dev/null and b/website/assets/og-card-v4.png differ
diff --git a/website/astro.config.mjs b/website/astro.config.mjs
index c1bdbc85..b34fcd2f 100644
--- a/website/astro.config.mjs
+++ b/website/astro.config.mjs
@@ -69,6 +69,32 @@ export default defineConfig({
         SiteTitle: './src/components/SiteTitle.astro',
       },
       customCss: ['./src/styles/starlight.css'],
+      head: [
+        {
+          tag: 'meta',
+          attrs: { property: 'og:image', content: 'https://herdr.dev/assets/doc-og-card-v1.png' },
+        },
+        { tag: 'meta', attrs: { property: 'og:image:width', content: '1200' } },
+        { tag: 'meta', attrs: { property: 'og:image:height', content: '630' } },
+        {
+          tag: 'meta',
+          attrs: {
+            property: 'og:image:alt',
+            content: 'Herdr documentation — One terminal. The whole herd.',
+          },
+        },
+        {
+          tag: 'meta',
+          attrs: { name: 'twitter:image', content: 'https://herdr.dev/assets/doc-og-card-v1.png' },
+        },
+        {
+          tag: 'meta',
+          attrs: {
+            name: 'twitter:image:alt',
+            content: 'Herdr documentation — One terminal. The whole herd.',
+          },
+        },
+      ],
       editLink: {
         baseUrl: 'https://github.com/ogulcancelik/herdr/edit/master/',
       },
diff --git a/website/index.html b/website/index.html
index a91c47b8..c865867a 100644
--- a/website/index.html
+++ b/website/index.html
@@ -21,7 +21,7 @@
         <meta property="og:url" content="https://herdr.dev/" />
         <meta
             property="og:image"
-            content="https://herdr.dev/assets/og-card-v3.png"
+            content="https://herdr.dev/assets/og-card-v4.png"
         />
         <meta property="og:image:width" content="1200" />
         <meta property="og:image:height" content="630" />
@@ -35,7 +35,7 @@
         />
         <meta
             name="twitter:image"
-            content="https://herdr.dev/assets/og-card-v3.png"
+            content="https://herdr.dev/assets/og-card-v4.png"
         />
         <meta name="twitter:image:alt" content="Herdr — One terminal. The whole herd." />
 
diff --git a/website/src/pages/compare.astro b/website/src/pages/compare.astro
index 386acd71..61686021 100644
--- a/website/src/pages/compare.astro
+++ b/website/src/pages/compare.astro
@@ -19,7 +19,7 @@
             content="Herdr combines tmux-style persistence, real terminal panes, agent state, direct attach, SSH workflows, and an API agents can drive."
         />
         <meta property="og:url" content="https://herdr.dev/compare/" />
-        <meta property="og:image" content="https://herdr.dev/assets/og-card-v3.png" />
+        <meta property="og:image" content="https://herdr.dev/assets/og-card-v4.png" />
         <meta property="og:image:width" content="1200" />
         <meta property="og:image:height" content="630" />
         <meta property="og:image:alt" content="Herdr — One terminal. The whole herd." />
@@ -30,7 +30,7 @@
             name="twitter:description"
             content="Compare Herdr with tmux, Zellij, cmux, Warp, Solo, Conductor, Emdash, and Superset."
         />
-        <meta name="twitter:image" content="https://herdr.dev/assets/og-card-v3.png" />
+        <meta name="twitter:image" content="https://herdr.dev/assets/og-card-v4.png" />
         <meta name="twitter:image:alt" content="Herdr — One terminal. The whole herd." />
 
         <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon.png?v=14" />