diff --git a/app/opengraph-image.alt.txt b/app/opengraph-image.alt.txt
new file mode 100644
index 0000000..f46a7fb
--- /dev/null
+++ b/app/opengraph-image.alt.txt
@@ -0,0 +1 @@
+WP Bones 2.0, the WordPress framework: IoC container, Blade templating and Eloquent ORM, built with Composer, Yarn, webpack and TypeScript
\ No newline at end of file
diff --git a/app/opengraph-image.jpg b/app/opengraph-image.jpg
new file mode 100644
index 0000000..ee06cdc
Binary files /dev/null and b/app/opengraph-image.jpg differ
diff --git a/config/index.ts b/config/index.ts
index 4f88e4f..c053a68 100644
--- a/config/index.ts
+++ b/config/index.ts
@@ -45,8 +45,11 @@ export default {
     other: {
       'msapplication-TileColor': '#fff',
     },
+    // The social preview image is app/opengraph-image.jpg (+ .alt.txt): Next.js turns it into
+    // og:image for every route and copies it to twitter:image.
     twitter: {
-      site: 'https://wpbones.com/',
+      card: 'summary_large_image',
+      site: '@wpbonesx',
     },
     alternates: {
       // https://github.com/vercel/next.js/discussions/50189#discussioncomment-10826632