Set og:title name for overriding

website/layouts/use-cases/index.jsx

@@ -9,7 +9,7 @@ export default function UseCaseLayout({ title, description, children }) {
   return (
     <>
       <HashiHead is={Head} title={pageTitle} description={description}>
-        <meta property="og:title" content={pageTitle} />
+        <meta name="og:title" property="og:title" content={pageTitle} />
       </HashiHead>
 
       <div id="p-use-case">

website/pages/_app.js

@@ -82,7 +82,11 @@ class NextApp extends App {
             { href: '/fonts/dejavu/mono.woff2', as: 'font' },
           ]}
         >
-          <meta property="og:title" content="Consul by HashiCorp" />
+          <meta
+            name="og:title"
+            property="og:title"
+            content="Consul by HashiCorp"
+          />
         </HashiHead>
         {ALERT_BANNER_ACTIVE && (
           <AlertBanner {...alertBannerData} theme="consul" />