From 2ed1c4444024673c0d4af99f143c48a734875caa Mon Sep 17 00:00:00 2001
From: Brandon Romano <BrandonRRomano@gmail.com>
Date: Wed, 13 May 2020 23:03:42 -0700
Subject: [PATCH] Adds og:title

---
 website/layouts/use-cases/index.jsx | 10 +++++-----
 website/pages/_app.js               |  4 +++-
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/website/layouts/use-cases/index.jsx b/website/layouts/use-cases/index.jsx
index ebe71439b3..f84b8d610d 100644
--- a/website/layouts/use-cases/index.jsx
+++ b/website/layouts/use-cases/index.jsx
@@ -5,13 +5,13 @@ import Head from 'next/head'
 import HashiHead from '@hashicorp/react-head'
 
 export default function UseCaseLayout({ title, description, children }) {
+  const pageTitle = `Consul ${title}`
   return (
     <>
-      <HashiHead
-        is={Head}
-        title={`Consul ${title}`}
-        description={description}
-      />
+      <HashiHead is={Head} title={pageTitle} description={description}>
+        <meta property="og:title" content={pageTitle} />
+      </HashiHead>
+
       <div id="p-use-case">
         <BasicHero
           heading={title}
diff --git a/website/pages/_app.js b/website/pages/_app.js
index eef86c1637..5d684cf87d 100644
--- a/website/pages/_app.js
+++ b/website/pages/_app.js
@@ -81,7 +81,9 @@ class NextApp extends App {
             { href: '/fonts/metro-sans/bold.woff2', as: 'font' },
             { href: '/fonts/dejavu/mono.woff2', as: 'font' },
           ]}
-        />
+        >
+          <meta property="og:title" content="Consul by HashiCorp" />
+        </HashiHead>
         {ALERT_BANNER_ACTIVE && (
           <AlertBanner {...alertBannerData} theme="consul" />
         )}