diff --git a/linkerd.io/content/blog/2024/0524-backstage-and-linkerd.md b/linkerd.io/content/blog/2024/0524-backstage-and-linkerd.md
new file mode 100644
index 0000000000..6570a9ef39
--- /dev/null
+++ b/linkerd.io/content/blog/2024/0524-backstage-and-linkerd.md
@@ -0,0 +1,22 @@
+---
+author: 'catherine'
+date: 2024-05-23T00:00:00Z
+title: Building a Secure, Reliable, Observable IDP with Backstage & Linkerd
+tags:
+  - Backstage
+  - Video
+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-screenshot.png'
+---
+Smooth workflows are critical in the cloud-native world. 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. Watch the recording with
+Linkerd Tech Evangelist Flynn and Backstage Maintainer Ben Lambert as
+they show you how a service mesh like Linkerd can supercharge your IDP,
+ensuring seamless communication and clear visibility.
+
+<!-- markdownlint-disable MD033 -->
+<iframe style="width:800px; height:450px;" src="https://www.youtube.com/embed/43Yq24I0KNI?si=DAtnX3dNXZf2dDFI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
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
new file mode 100644
index 0000000000..4433f57575
Binary files /dev/null and b/linkerd.io/static/uploads/2024/05/cnl-backstage-linkerd-screenshot.png differ
diff --git a/linkerd.io/static/uploads/2024/05/cnl-backstage-linkerd-thumbnail.png b/linkerd.io/static/uploads/2024/05/cnl-backstage-linkerd-thumbnail.png
new file mode 100644
index 0000000000..91f7941e5a
Binary files /dev/null and b/linkerd.io/static/uploads/2024/05/cnl-backstage-linkerd-thumbnail.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 }}