Update meta image and og meta (#141)

* meta updates from #5305 * new meta image * remove meta props * math path
sourcegraph · May 5, 2022 · 43296be · 43296be
1 parent 7f07f4c
commit 43296be
Show file tree

Hide file tree

Showing 20 changed files with 5 additions and 20 deletions.
diff --git a/public/meta/sourcegraph-social-image-share-02.png b/public/meta/sourcegraph-social-image-share-02.png
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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`}