diff --git a/public/meta/sourcegraph-social-image-share-02.png b/public/meta/sourcegraph-social-image-share-02.png
new file mode 100644
index 00000000000..1d8f11923e7
Binary files /dev/null and b/public/meta/sourcegraph-social-image-share-02.png differ
diff --git a/src/components/Layout/index.tsx b/src/components/Layout/index.tsx
index 07a69727d44..d93f319ce72 100644
--- a/src/components/Layout/index.tsx
+++ b/src/components/Layout/index.tsx
@@ -43,7 +43,7 @@ export const Layout: FunctionComponent<LayoutProps> = props => {
         description:
             props.meta?.description ||
             'Find and fix things across all of your code with Sourcegraph universal code search.',
-        image: props.meta?.image || '/sourcegraph-mark.png',
+        image: props.meta?.image || 'https://about.sourcegraph.com/meta/sourcegraph-social-image-share-02.png',
         icon: props.meta?.icon || 'https://about.sourcegraph.com/favicon.png',
     }
 
@@ -59,13 +59,14 @@ export const Layout: FunctionComponent<LayoutProps> = props => {
                 <meta name="twitter:card" content="summary" />
                 <meta name="twitter:description" content={meta.description} />
 
+                <meta property="og:url" content="https://about.sourcegraph.com" />
                 <meta property="og:type" content="website" />
                 <meta property="og:title" content={meta.title} />
                 <meta property="og:image" content={meta.image} />
+                <meta property="og:image:secure_url" content={meta.image} />
                 <meta property="og:description" content={meta.description} />
 
                 <link rel="icon" type="image/png" href={meta.icon} />
-                <link rel="icon" type="image/png" href={meta.image} />
 
                 {meta.canonical ? <link rel="canonical" href={meta.canonical} /> : ''}
             </Head>
diff --git a/src/pages/about.tsx b/src/pages/about.tsx
index 7947c7834e0..72d51bdac0d 100644
--- a/src/pages/about.tsx
+++ b/src/pages/about.tsx
@@ -38,7 +38,6 @@ const About: FunctionComponent = () => (
             title: 'Sourcegraph - About',
             description:
                 'The pace at which humans can write code is the main thing that stands between us and flying cars, a habitat on Mars, and a cure for cancer.',
-            image: '/sourcegraph-og.png',
         }}
     >
         <div className="content-page bg-white text-dark">
diff --git a/src/pages/batch-changes.tsx b/src/pages/batch-changes.tsx
index 2eb8c4ff486..14559d41d2d 100644
--- a/src/pages/batch-changes.tsx
+++ b/src/pages/batch-changes.tsx
@@ -22,7 +22,6 @@ export const BatchChangesPage: FunctionComponent = () => (
             title: 'Sourcegraph Batch Changes | Large-Scale Code Changes',
             description:
                 'Automate large-scale changes with Sourcegraph Batch Changes. Keep your code up to date and pay down tech debt across all repositories and code hosts.',
-            image: '/sourcegraph-og.png',
         }}
         className="batch-changes-page"
         heroAndHeaderClassName="batch-changes-page__hero-and-header"
diff --git a/src/pages/blog/[...slug].tsx b/src/pages/blog/[...slug].tsx
index 77d72abcd46..3ac07c88503 100644
--- a/src/pages/blog/[...slug].tsx
+++ b/src/pages/blog/[...slug].tsx
@@ -17,7 +17,7 @@ const CONTENT_PARENT_DIRECTORY = './content/'
 const BlogPage: NextPage<PageProps> = ({ post, content }) => {
     const title = post.frontmatter.title
     const description = post.frontmatter.description ? post.frontmatter.description : post.excerpt
-    const image = post.frontmatter.socialImage ?? 'https://about.sourcegraph.com/sourcegraph-mark.png'
+    const image = post.frontmatter.socialImage ?? 'https://about.sourcegraph.com/meta/sourcegraph-social-image-share-02.png'
     const canonical = post.frontmatter.canonical
     const externalTitle = post.frontmatter.externalTitle
     const externalDescription = post.frontmatter.externalDescription
diff --git a/src/pages/case-studies/cloudflare-accelerates-debugging-and-improves-security.tsx b/src/pages/case-studies/cloudflare-accelerates-debugging-and-improves-security.tsx
index 65e971b8b72..32cd961dc5a 100644
--- a/src/pages/case-studies/cloudflare-accelerates-debugging-and-improves-security.tsx
+++ b/src/pages/case-studies/cloudflare-accelerates-debugging-and-improves-security.tsx
@@ -10,7 +10,6 @@ export const CaseStudy: FunctionComponent = () => {
             meta={{
                 title: 'Cloudflare accelerates debugging and improves security',
                 description: 'Cloudflare case study. Learn how Cloudflare accelerates debugging and improves security',
-                image: '/sourcegraph-og.png',
             }}
             className="navbar-dark bg-black"
         >
diff --git a/src/pages/case-studies/factset-migrates-from-perforce-to-github.tsx b/src/pages/case-studies/factset-migrates-from-perforce-to-github.tsx
index 1e158c0f9ea..edf9efb3902 100644
--- a/src/pages/case-studies/factset-migrates-from-perforce-to-github.tsx
+++ b/src/pages/case-studies/factset-migrates-from-perforce-to-github.tsx
@@ -11,7 +11,6 @@ export const CaseStudy: FunctionComponent = () => {
                 title: 'FactSet migrates from Perforce to GitHub',
                 description:
                     'FactSet case study. Learn how FactSet uses Sourcegraph after migrating from Perforce to GitHub.',
-                image: '/sourcegraph-og.png',
             }}
             className="navbar-dark bg-black"
         >
diff --git a/src/pages/case-studies/indeed-accelerates-development-velocity.tsx b/src/pages/case-studies/indeed-accelerates-development-velocity.tsx
index f884812e50e..11681f83dda 100644
--- a/src/pages/case-studies/indeed-accelerates-development-velocity.tsx
+++ b/src/pages/case-studies/indeed-accelerates-development-velocity.tsx
@@ -13,7 +13,6 @@ export const CaseStudy: FunctionComponent = () => {
                 title: 'Indeed keeps code up to date and accelerates development velocity',
                 description:
                     'Indeed case study. Learn how Indeed keeps code up to date and accelerates development velocity',
-                image: '/sourcegraph-og.png',
             }}
             className="navbar-dark bg-black"
         >
diff --git a/src/pages/case-studies/index.tsx b/src/pages/case-studies/index.tsx
index 0b25a13079c..798b84d5561 100644
--- a/src/pages/case-studies/index.tsx
+++ b/src/pages/case-studies/index.tsx
@@ -10,7 +10,6 @@ const CaseStudiesHome: FunctionComponent = () => (
             meta={{
                 title: 'Sourcegraph - Case studies',
                 description: 'Learn how engineering teams use Sourcegraph Universal Code Search.',
-                image: '/sourcegraph-og.png',
             }}
         >
             <div className="mt-2">
diff --git a/src/pages/case-studies/nutanix-fixed-log4j-with-sourcegraph.tsx b/src/pages/case-studies/nutanix-fixed-log4j-with-sourcegraph.tsx
index 984b16a3afa..9ba0eb1229f 100644
--- a/src/pages/case-studies/nutanix-fixed-log4j-with-sourcegraph.tsx
+++ b/src/pages/case-studies/nutanix-fixed-log4j-with-sourcegraph.tsx
@@ -18,7 +18,6 @@ export const CaseStudy: FunctionComponent = () => (
             title: 'Nutanix fixed Log4j quickly and confidently with Sourcegraph',
             description:
                 'Nutanix case study. Learn how Nutanix uses Sourcegraph to find and fix security vulnerabilities quickly across their code base.',
-            image: '/sourcegraph-og.png',
         }}
     >
         <NewCaseStudyLayout
diff --git a/src/pages/case-studies/workiva-automates-large-scale-code-changes.tsx b/src/pages/case-studies/workiva-automates-large-scale-code-changes.tsx
index 48a5d5f2926..8d9c7e2398d 100644
--- a/src/pages/case-studies/workiva-automates-large-scale-code-changes.tsx
+++ b/src/pages/case-studies/workiva-automates-large-scale-code-changes.tsx
@@ -13,7 +13,6 @@ export const CaseStudy: FunctionComponent = () => {
                 title: 'Workiva reduces the time it takes to make large-scale code changes by 80%',
                 description:
                     'Workiva case study. Learn how Workiva uses Sourcegraph Batch Changes to reduce the time it takes to make large-scale code updates by 80%.',
-                image: '/sourcegraph-og.png',
             }}
             className="navbar-dark bg-black"
         >
diff --git a/src/pages/code-search.tsx b/src/pages/code-search.tsx
index afc5ae44f39..63c76180d0c 100644
--- a/src/pages/code-search.tsx
+++ b/src/pages/code-search.tsx
@@ -20,7 +20,6 @@ export const CodeSearchPage: FunctionComponent = () => (
             title: 'Sourcegraph | Code Search',
             description:
                 'Onboard to a new codebase, find answers faster, and identify security risks with Sourcegraph Code Search. Search across all the repositories you work with.',
-            image: '/sourcegraph-og.png',
         }}
         heroAndHeaderClassName="code-search-page__hero-and-header"
         hero={
diff --git a/src/pages/community.tsx b/src/pages/community.tsx
index a284efe9e62..ee0b22daaa4 100644
--- a/src/pages/community.tsx
+++ b/src/pages/community.tsx
@@ -11,7 +11,6 @@ export const Community: FunctionComponent = () => (
             title: 'Welcome to the Sourcegraph Community',
             description:
                 "Sourcegraph is so much more than a universal code search engine. It's the story of new gen-developers who renaissance-d the way we work, live, and collaborate. It's our unparalleled thinking that creates endless possibilities, to rebuild, to disrupt and to innovate relentlessly despite all the complexities of the big code. But we're just getting started. Imagine the road ahead if we take this journey together.",
-            image: '/sourcegraph-og.png',
         }}
         className="community-page"
         heroAndHeaderClassName="community-page__hero-and-header"
diff --git a/src/pages/get-started/index.tsx b/src/pages/get-started/index.tsx
index 7c53a21dfcd..a63e1dc0af4 100644
--- a/src/pages/get-started/index.tsx
+++ b/src/pages/get-started/index.tsx
@@ -37,7 +37,6 @@ export const GetStartedPage: FunctionComponent = () => {
                 title: 'Choose Your Deployment Model | Get Started with Sourcegraph',
                 description:
                     "From Sourcegraph Self-hosted to Sourcegraph Cloud, choose the deployment model that's best for you and get started for free today.",
-                image: '/sourcegraph-og.png',
             }}
             hero={
                 <div className="container-xl py-5">
diff --git a/src/pages/podcast/[...slug].tsx b/src/pages/podcast/[...slug].tsx
index d84423b5fad..209d7d0c141 100644
--- a/src/pages/podcast/[...slug].tsx
+++ b/src/pages/podcast/[...slug].tsx
@@ -17,7 +17,7 @@ const CONTENT_PARENT_DIRECTORY = './content/'
 const PodcastPage: NextPage<PageProps> = ({ post, content }) => {
     const title = post.frontmatter.title
     const description = post.frontmatter.description ? post.frontmatter.description : post.excerpt
-    const image = post.frontmatter.socialImage ?? 'https://about.sourcegraph.com/sourcegraph-mark.png'
+    const image = post.frontmatter.socialImage ?? 'https://about.sourcegraph.com/meta/sourcegraph-social-image-share-02.png'
     const canonical = post.frontmatter.canonical
     const externalTitle = post.frontmatter.externalTitle
     const externalDescription = post.frontmatter.externalDescription
diff --git a/src/pages/pricing.tsx b/src/pages/pricing.tsx
index 2bb052f1d01..d4142fabc51 100644
--- a/src/pages/pricing.tsx
+++ b/src/pages/pricing.tsx
@@ -73,7 +73,6 @@ const PricingPage: FunctionComponent = () => (
             title: 'Sourcegraph - Pricing',
             description:
                 'Sourcegraph is always free for public and open source code. Start using it for private code with a paid plan.',
-            image: '/sourcegraph-og.png',
         }}
     >
         <div className="text-dark">
diff --git a/src/pages/support.tsx b/src/pages/support.tsx
index 962b027b133..3c6aee71dab 100644
--- a/src/pages/support.tsx
+++ b/src/pages/support.tsx
@@ -33,7 +33,6 @@ const Support: FunctionComponent = () => (
         meta={{
             title: 'Sourcegraph - Support',
             description: 'Sourcegraph support details for each pricing tier.',
-            image: '/sourcegraph-og.png',
         }}
     >
         <div className="mt-2">
diff --git a/src/pages/use-cases/index.tsx b/src/pages/use-cases/index.tsx
index 0577af041bc..28d42e0981a 100644
--- a/src/pages/use-cases/index.tsx
+++ b/src/pages/use-cases/index.tsx
@@ -21,7 +21,6 @@ const UseCases: React.FunctionComponent = () => (
             title: 'Use Cases | Sourcegraph',
             description:
                 'See how the most productive dev teams use Sourcegraph to build software you rely on. From remediating vulnerabilities to streamlining code reuse, our customers use Sourcegraph to solve big code problems.',
-            image: '/sourcegraph-og.png',
         }}
         heroAndHeaderClassName={styles.landingHeader}
         hero={
diff --git a/src/pages/use-cases/onboarding.tsx b/src/pages/use-cases/onboarding.tsx
index f2d21683a00..20b623f8b32 100644
--- a/src/pages/use-cases/onboarding.tsx
+++ b/src/pages/use-cases/onboarding.tsx
@@ -132,7 +132,6 @@ const UseCasePage: FunctionComponent = () => (
             title: 'Accelerate developer onboarding | Sourcegraph',
             description:
                 'Decrease time to first commit for new developers, help existing engineers master your codebase, and fast-track full codebase understanding.',
-            image: '/sourcegraph-og.png',
         }}
         className="use-cases-page"
         heroAndHeaderClassName={`${styles.pageHeader} navbar-light`}
diff --git a/src/pages/use-cases/vulnerabilities.tsx b/src/pages/use-cases/vulnerabilities.tsx
index d4d907076d3..52ba633446f 100644
--- a/src/pages/use-cases/vulnerabilities.tsx
+++ b/src/pages/use-cases/vulnerabilities.tsx
@@ -174,7 +174,6 @@ const UseCasePage: FunctionComponent = () => (
             title: 'Find and fix security vulnerabilities',
             description:
                 'Search across all your repositories to find and resolve vulnerabilities in minutes, not days.',
-            image: '/sourcegraph-og.png',
         }}
         className="use-cases-page"
         heroAndHeaderClassName={`${styles.pageHeader} navbar-light`}