From 1b93bf4256a7516954929078bb3831a80bbdd3c4 Mon Sep 17 00:00:00 2001
From: Aaron Powell <me@aaron-powell.com>
Date: Thu, 26 Feb 2026 09:26:45 +1100
Subject: [PATCH] fix: add missing meta tags for Twitter/X social card images

Add og:image:width, og:image:height, og:image:type, and
twitter:image:alt meta tags so Twitter/X can properly display
the social card image when links are shared.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
---
 website/src/layouts/BaseLayout.astro | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/website/src/layouts/BaseLayout.astro b/website/src/layouts/BaseLayout.astro
index 35fc684d..c28eb7a8 100644
--- a/website/src/layouts/BaseLayout.astro
+++ b/website/src/layouts/BaseLayout.astro
@@ -47,6 +47,9 @@ try {
     <meta property="og:title" content={`${title} | Awesome GitHub Copilot`} />
     <meta property="og:description" content={description} />
     <meta property="og:image" content={socialImageUrl.toString()} />
+    <meta property="og:image:type" content="image/png" />
+    <meta property="og:image:width" content="2400" />
+    <meta property="og:image:height" content="1260" />
     <meta property="og:site_name" content="Awesome GitHub Copilot" />
 
     <!-- Twitter -->
@@ -54,6 +57,7 @@ try {
     <meta name="twitter:title" content={`${title} | Awesome GitHub Copilot`} />
     <meta name="twitter:description" content={description} />
     <meta name="twitter:image" content={socialImageUrl.toString()} />
+    <meta name="twitter:image:alt" content={`${title} | Awesome GitHub Copilot`} />
 
     <link rel="stylesheet" href={`${base}styles/global.css`} />
     <link