diff --git a/index.html b/index.html
index 3ac679a..c2298b0 100644
--- a/index.html
+++ b/index.html
@@ -62,16 +62,22 @@
 
     <!-- Open Graph -->
     <meta property="og:type" content="website">
+    <meta property="og:site_name" content="SkateSpots">
     <meta property="og:title" content="SkateSpots - Decentralized Skate Map & Community">
     <meta property="og:description" content="Discover skate spots, find coaches, join events, and connect with the skateboarding community on Nostr.">
-    <meta property="og:image" content="https://skate-spots.org/images/icon-1024.png">
+    <meta property="og:image" content="https://skate-spots.org/images/og-card.png">
+    <meta property="og:image:type" content="image/png">
+    <meta property="og:image:width" content="1200">
+    <meta property="og:image:height" content="630">
+    <meta property="og:image:alt" content="SkateSpots — decentralized skate map, crews, events and gear">
     <meta property="og:url" content="https://skate-spots.org">
 
     <!-- Twitter Card -->
     <meta name="twitter:card" content="summary_large_image">
     <meta name="twitter:title" content="SkateSpots - Decentralized Skate Map">
     <meta name="twitter:description" content="Discover skate spots, find coaches, join events on Nostr.">
-    <meta name="twitter:image" content="https://skate-spots.org/images/icon-1024.png">
+    <meta name="twitter:image" content="https://skate-spots.org/images/og-card.png">
+    <meta name="twitter:image:alt" content="SkateSpots — decentralized skate map, crews, events and gear">
 
     <!-- Leaflet CSS is self-hosted (imported in main.tsx) — no unpkg/CDN. -->
     <!-- Warm up the connections used on almost every visit: our relay + media. -->
diff --git a/public/images/og-card.png b/public/images/og-card.png
new file mode 100644
index 0000000..225929c
Binary files /dev/null and b/public/images/og-card.png differ
diff --git a/src/pages/DonatePage.tsx b/src/pages/DonatePage.tsx
index 54b65b8..70c3526 100644
--- a/src/pages/DonatePage.tsx
+++ b/src/pages/DonatePage.tsx
@@ -16,7 +16,7 @@ export default function DonatePage() {
     description: t('seoUi.donateDesc'),
     ogTitle: 'Support SkateSpots',
     ogDescription: 'Keep the map free, ad-free and open-source.',
-    ogImage: 'https://skate-spots.org/images/icon-1024.png',
+    ogImage: 'https://skate-spots.org/images/og-card.png',
   });
 
   return (
diff --git a/src/pages/EventDetailPage.tsx b/src/pages/EventDetailPage.tsx
index a4d04f2..fd5e475 100644
--- a/src/pages/EventDetailPage.tsx
+++ b/src/pages/EventDetailPage.tsx
@@ -95,7 +95,7 @@ export default function EventDetailPage() {
 
   // og:image must be an absolute URL. Fall back to the site social card when the
   // event has no cover so shared links never render blank.
-  const ogImage = event?.image || 'https://skate-spots.org/images/icon-1024.png';
+  const ogImage = event?.image || 'https://skate-spots.org/images/og-card.png';
 
   // Compose a punchy share description: date + location, then the blurb.
   const shareDescription = (() => {
diff --git a/src/pages/SupportersPage.tsx b/src/pages/SupportersPage.tsx
index fa26beb..9dd8893 100644
--- a/src/pages/SupportersPage.tsx
+++ b/src/pages/SupportersPage.tsx
@@ -742,7 +742,7 @@ export default function SupportersPage() {
     description: t('seoUi.supportersDesc'),
     ogTitle: 'Supporters — SkateSpots',
     ogDescription: 'Built by skaters, funded by skaters. Back the map on Angor or zap it.',
-    ogImage: 'https://skate-spots.org/images/icon-1024.png',
+    ogImage: 'https://skate-spots.org/images/og-card.png',
   });
 
   return (