Add opengraph meta elements

kyleect · kyleect · commit 49e65f82bd29 · 2025-02-14T00:30:22.000-06:00
diff --git a/src/html.js b/src/html.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 
 export default function HTML(props) {
   return (
-    <html {...props.htmlAttributes} lang="en">
+    <html {...props.htmlAttributes} lang="en" prefix="og: https://ogp.me/ns#">
       <head>
         <meta charSet="utf-8" />
         <meta httpEquiv="x-ua-compatible" content="ie=edge" />
@@ -13,8 +13,9 @@ export default function HTML(props) {
         />
         <meta
           name="description"
-          content="The personal website of Kylee Tilley"
+          content="Changing hearts and minds about development and testing"
         />
+        <meta property="og:locale" content="en_US" />
         {props.headComponents}
       </head>
       <body {...props.bodyAttributes}>
diff --git a/src/layouts/index.js b/src/layouts/index.js
@@ -30,10 +30,9 @@ export default ({ children }) => (
             <Helmet>
               <title>{site.siteMetadata.title}</title>
               <link rel="me" href="https://mastodon.social/@testingrequired" />
-              <meta
-                name="viewport"
-                content="width=device-width, initial-scale=1.0"
-              />
+
+              <meta property="og:title" content={site.siteMetadata.title} />
+              <meta property="og:url" content={location.href} />
             </Helmet>
 
             <Header fullscreen={location.pathname === '/'}>
