diff --git a/src/pages/blog/[...id].astro b/src/pages/blog/[...id].astro
index 9cb0083..1296f27 100644
--- a/src/pages/blog/[...id].astro
+++ b/src/pages/blog/[...id].astro
@@ -51,7 +51,7 @@ const post = Astro.props;
 const { Content, headings } = await render(post);
 ---
 
-<Layout title={post.data.title} description={post.data.description ?? ""}>
+<Layout title={post.data.title} description={post.data.description ?? ""} image={`/og-${post.id}.png`}>
   <Container>
     <div class="animate">
       <BackToPrevious href="/blog">Back to blog</BackToPrevious>