diff --git a/website/layouts/use-cases/index.jsx b/website/layouts/use-cases/index.jsx
index f84b8d610d..49e8042fa9 100644
--- a/website/layouts/use-cases/index.jsx
+++ b/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">
diff --git a/website/pages/_app.js b/website/pages/_app.js
index 5d684cf87d..291fe88fd7 100644
--- a/website/pages/_app.js
+++ b/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" />