feat: unfurl og image

Author: thejustinwalsh

gatsby-config.js

@@ -7,6 +7,7 @@ module.exports = {
     title: `tjw.DEV`,
     description: `Minimal maintnance landing page for some kind of web presence built with <a href="https://www.gatsbyjs.com/">Gatsby</a>, <a href="https://github.com/4Catalyzer/astroturf">Astroturf</a>, and <a href="https://tailwindcss.com/">Tailwind</a>.`,
     author: `@thejustinwalsh`,
+    image: `og-image.png`,
   },
   plugins: [
     `gatsby-plugin-react-helmet`,

src/components/seo.jsx

@@ -19,6 +19,7 @@ function SEO({ description, lang, meta, title }) {
             title
             description
             author
+            image
           }
         }
       }
@@ -27,6 +28,7 @@ function SEO({ description, lang, meta, title }) {
 
   const metaDescription = description || site.siteMetadata.description
   const defaultTitle = site.siteMetadata?.title
+  const defaultImage = site.siteMetadata?.image
 
   return (
     <Helmet
@@ -40,6 +42,10 @@ function SEO({ description, lang, meta, title }) {
           name: `description`,
           content: metaDescription,
         },
+        {
+          name: `image`,
+          content: defaultImage,
+        },
         {
           property: `og:title`,
           content: title,
@@ -52,6 +58,10 @@ function SEO({ description, lang, meta, title }) {
           property: `og:type`,
           content: `website`,
         },
+        {
+          property: `og:image`,
+          content: defaultImage,
+        },
         {
           name: `twitter:card`,
           content: `summary`,
@@ -68,10 +78,12 @@ function SEO({ description, lang, meta, title }) {
           name: `twitter:description`,
           content: metaDescription,
         },
+        {
+          property: `twitter:image`,
+          content: defaultImage,
+        },
       ].concat(meta)}
-    >
-      <meta name="monetization" content="$ilp.uphold.com/hGqBNJM932UJ" />
-    </Helmet>
+    />
   )
 }