rich data

src/templates/mdPageTemplate.tsx

@@ -3,6 +3,7 @@ import {graphql, PageProps, Link} from 'gatsby';
 import Layout from '../components/Layout';
 import {Query} from '../../graphql-types';
 import Helmet from 'react-helmet';
+import logo from '../../static/logo-square-wob.png';
 
 const MdPageTemplate: React.FC<PageProps<Query>> = ({data}) => {
 
@@ -22,6 +23,12 @@ const MdPageTemplate: React.FC<PageProps<Query>> = ({data}) => {
       </div>
       <Helmet>
         <title>{post.frontmatter?.title}</title>
+        <meta property="og:type" content="website" />
+        <meta property="og:url" content={`https://riksolo.com/blog/${post.frontmatter?.slug}`} />
+        <meta property="og:title" content={post.frontmatter?.title} />
+        <meta property="og:description" content={post.frontmatter?.description} />
+        <meta property="og:image" content={`https://riksolo.com${logo}`} />
+
 
         <meta name="title" content={post.frontmatter?.title} />
         {post.frontmatter.description ? (