diff --git a/linkerd.io/content/blog/2024/0524-backstage-and-linkerd.md b/linkerd.io/content/blog/2024/0524-backstage-and-linkerd.md
index 346c91f488..2c7f78b86d 100644
--- a/linkerd.io/content/blog/2024/0524-backstage-and-linkerd.md
+++ b/linkerd.io/content/blog/2024/0524-backstage-and-linkerd.md
@@ -8,7 +8,7 @@ tags:
 description: This CNCF Cloud Native Live session explores building a rock-solid Internal Developer Platform (IDP) Backstage that empowers developers with self-service tools while streamlining security and observability.
 keywords: [Backstage; Video]
 thumbnail: '/uploads/2024/05/cnl-backstage-linkerd-thumbnail.png'
-featuredImage: '/uploads/2024/05/cnl-backstage-linkerd-thumbnail.png'
+featuredImage: '/uploads/2024/05/cnl-backstage-linkerd-screenshot.png'
 ---
 Smooth workflows are critical in the cloud-native world. This CNCF Cloud
 Native Live session explores building a rock-solid Internal Developer
diff --git a/linkerd.io/layouts/partials/meta.html b/linkerd.io/layouts/partials/meta.html
index 33d1df912c..f8e883ce2f 100644
--- a/linkerd.io/layouts/partials/meta.html
+++ b/linkerd.io/layouts/partials/meta.html
@@ -13,7 +13,9 @@
 <meta property="og:type" content="website" />
 <meta property="og:url" content="{{ .Page.RelPermalink | absURL }}" />
 
-{{ if .Params.thumbnail }}
+{{ if .Params.featuredImage }}
+  <meta property="og:image" content="{{ .Params.featuredImage| absURL | safeHTMLAttr }}" />
+{{ else if .Params.thumbnail }}
   <meta property="og:image" content="{{ .Params.thumbnail | absURL | safeHTMLAttr }}" />
 {{ else }}
   <meta property="og:image" content="https://linkerd.io/images/logo-only-200h.png" />
diff --git a/linkerd.io/static/uploads/2024/05/cnl-backstage-linkerd-screenshot.png b/linkerd.io/static/uploads/2024/05/cnl-backstage-linkerd-screenshot.png
index 63d4b6e9c6..4433f57575 100644
Binary files a/linkerd.io/static/uploads/2024/05/cnl-backstage-linkerd-screenshot.png and b/linkerd.io/static/uploads/2024/05/cnl-backstage-linkerd-screenshot.png differ
diff --git a/linkerd.io/themes/buoyant/layouts/partials/twitter-cards.html b/linkerd.io/themes/buoyant/layouts/partials/twitter-cards.html
index ab599e6511..1e8048fb5f 100644
--- a/linkerd.io/themes/buoyant/layouts/partials/twitter-cards.html
+++ b/linkerd.io/themes/buoyant/layouts/partials/twitter-cards.html
@@ -1,6 +1,13 @@
-{{ with .Params.thumbnail }}
-  <meta name="twitter:card" content="summary_large_image"/>
-  <meta name="twitter:image" content="{{ . | absURL }}"/>
+{{ if .Params.featuredImage }}
+  {{ with .Params.featuredImage }}
+    <meta name="twitter:card" content="summary_large_image"/>
+    <meta name="twitter:image" content="{{ . | absURL }}"/>
+  {{ end }}
+{{ else if .Params.thumbnail }}
+  {{ with .Params.thumbnail }}
+    <meta name="twitter:card" content="summary_large_image"/>
+    <meta name="twitter:image" content="{{ . | absURL }}"/>
+  {{ end }}
 {{ else }}
   {{ $images := $.Resources.ByType "image" }}
   {{ $featured := index $images 0 }}