Adds og:title

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
+      <HashiHead is={Head} title={pageTitle} description={description}>
-        is={Head}
+        <meta property="og:title" content={pageTitle} />
-        title={`Consul ${title}`}
+      </HashiHead>
-        description={description}
+
-      />
       <div id="p-use-case">
         <BasicHero
           heading={title}

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" />
         )}