diff --git a/site/app/composables/usePageSeo.ts b/site/app/composables/usePageSeo.ts
new file mode 100644
index 0000000..511f807
--- /dev/null
+++ b/site/app/composables/usePageSeo.ts
@@ -0,0 +1,37 @@
+const DEFAULT_DESCRIPTION =
+  'AutoFixture makes unit tests more productive by creating anonymous test data for .NET.'
+
+const DEFAULT_OG_IMAGE = '/og-image.png'
+
+type PageSeoOptions = {
+  title?: MaybeRefOrGetter<string | undefined>
+  description?: MaybeRefOrGetter<string | undefined>
+  image?: MaybeRefOrGetter<string | undefined>
+}
+
+export function usePageSeo(options: PageSeoOptions = {}) {
+  const route = useRoute()
+  const { public: { siteUrl } } = useRuntimeConfig()
+
+  const title = computed(() => toValue(options.title) ?? 'AutoFixture')
+  const description = computed(() => toValue(options.description) ?? DEFAULT_DESCRIPTION)
+  const image = computed(() => `${siteUrl}${toValue(options.image) ?? DEFAULT_OG_IMAGE}`)
+  const url = computed(() => `${siteUrl}${route.path}`)
+
+  useHead({
+    title,
+    meta: computed(() => [
+      { name: 'description', content: description.value },
+      { property: 'og:title', content: title.value },
+      { property: 'og:description', content: description.value },
+      { property: 'og:image', content: image.value },
+      { property: 'og:url', content: url.value },
+      { property: 'og:type', content: 'website' },
+      { property: 'og:site_name', content: 'AutoFixture' },
+      { name: 'twitter:card', content: 'summary_large_image' },
+      { name: 'twitter:title', content: title.value },
+      { name: 'twitter:description', content: description.value },
+      { name: 'twitter:image', content: image.value },
+    ]),
+  })
+}
diff --git a/site/app/pages/api/[...slug].vue b/site/app/pages/api/[...slug].vue
index c6c4dcd..bc0d38c 100644
--- a/site/app/pages/api/[...slug].vue
+++ b/site/app/pages/api/[...slug].vue
@@ -62,8 +62,9 @@ if (!page.value) {
 const pageTitle = computed(() => page.value?.title ?? 'API')
 const tocLinks = computed(() => page.value?.tocLinks ?? [])
 
-useSeoMeta({
+usePageSeo({
   title: () => pageTitle.value,
+  description: () => `AutoFixture API reference — ${pageTitle.value}`,
 })
 </script>
 
diff --git a/site/app/pages/docs/[...slug].vue b/site/app/pages/docs/[...slug].vue
index bc0be63..51b34ea 100644
--- a/site/app/pages/docs/[...slug].vue
+++ b/site/app/pages/docs/[...slug].vue
@@ -20,9 +20,9 @@ const { data: surround } = await useAsyncData(
   () => queryCollectionItemSurroundings('docs', docsPath.value),
 )
 
-useSeoMeta({
-  title: page.value.title,
-  description: page.value.description,
+usePageSeo({
+  title: () => page.value?.title,
+  description: () => page.value?.description,
 })
 
 const tocLinks = computed(() => page.value?.body?.toc?.links ?? [])
diff --git a/site/app/pages/index.vue b/site/app/pages/index.vue
index 43d2e0c..8060f31 100644
--- a/site/app/pages/index.vue
+++ b/site/app/pages/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 const { defaultApiPath } = useApiCatalog()
 
-useSeoMeta({
+usePageSeo({
   title: 'AutoFixture',
   description:
     'AutoFixture makes unit tests more productive by creating anonymous test data for .NET.',
diff --git a/site/nuxt.config.ts b/site/nuxt.config.ts
index 86a6a6c..e47ab13 100644
--- a/site/nuxt.config.ts
+++ b/site/nuxt.config.ts
@@ -20,7 +20,17 @@ function readApiPrerenderRoutes() {
   }
 }
 
+const siteUrl = 'https://autofixture.com'
+const siteDescription =
+  'AutoFixture makes unit tests more productive by creating anonymous test data for .NET.'
+const ogImage = `${siteUrl}/og-image.png`
+
 export default defineNuxtConfig({
+  runtimeConfig: {
+    public: {
+      siteUrl,
+    },
+  },
   modules: [
     '@nuxt/ui',
     '@nuxt/content',
@@ -37,10 +47,17 @@ export default defineNuxtConfig({
     head: {
       title: 'AutoFixture',
       meta: [
-        {
-          name: 'description',
-          content: 'AutoFixture makes unit tests more productive by creating anonymous test data for .NET.',
-        },
+        { name: 'description', content: siteDescription },
+        { property: 'og:site_name', content: 'AutoFixture' },
+        { property: 'og:type', content: 'website' },
+        { property: 'og:title', content: 'AutoFixture' },
+        { property: 'og:description', content: siteDescription },
+        { property: 'og:image', content: ogImage },
+        { property: 'og:url', content: `${siteUrl}/` },
+        { name: 'twitter:card', content: 'summary_large_image' },
+        { name: 'twitter:title', content: 'AutoFixture' },
+        { name: 'twitter:description', content: siteDescription },
+        { name: 'twitter:image', content: ogImage },
       ],
       link: [
         { rel: 'icon', type: 'image/svg+xml', href: '/favicon.svg' },
diff --git a/site/public/og-image.png b/site/public/og-image.png
new file mode 100644
index 0000000..704d04d
Binary files /dev/null and b/site/public/og-image.png differ
diff --git a/site/public/og-image.svg b/site/public/og-image.svg
new file mode 100644
index 0000000..2583a6b
--- /dev/null
+++ b/site/public/og-image.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630" role="img" aria-label="AutoFixture"><defs><linearGradient id="bg" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#eefcf1"/><stop offset="100%" stop-color="#fff"/></linearGradient></defs><rect width="1200" height="630" fill="url(#bg)"/><rect width="1200" height="8" fill="#3fc455"/><g transform="translate(289.753 230) scale(2.4)"><g transform="translate(0 6) scale(0.75)"><path fill="#3fc455" d="M18.5 0L29.5 0 36 17 24 17 20 27 26.5 27.25 23 38.25 16 38.25 12 48 0 48 18.5 0Z"/><path fill="#0d2f18" d="M25.5 19L36.75 19 48 48 28.5 48 25.25 38.25 32 38.25Z"/></g><text x="48" y="42" dominant-baseline="alphabetic" font-family="Segoe UI,system-ui,sans-serif" font-size="40" font-weight="700" letter-spacing="-.03em"><tspan fill="#3fc455">Auto</tspan><tspan fill="#0d2f18">Fixture</tspan></text></g><text text-anchor="middle" font-family="Segoe UI,system-ui,sans-serif" font-size="44" font-weight="500" fill="#52525b"><tspan x="600" y="400">Anonymous test data for productive</tspan><tspan x="600" dy="56">.NET unit tests</tspan></text></svg>