fix twitter meta tags

loadsmart · Feb 5, 2022 · b19c562 · b19c562
1 parent 5a75e0d
commit b19c562
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/components/SEO.js b/src/components/SEO.js
@@ -10,7 +10,7 @@ import PropTypes from 'prop-types'
 import Helmet from 'react-helmet'
 import { useStaticQuery, graphql } from 'gatsby'
 
-function SEO({ description, lang, meta, title }) {
+function SEO({ lang, meta, title, excerpt }) {
   const { site } = useStaticQuery(
     graphql`
       query {
@@ -25,7 +25,7 @@ function SEO({ description, lang, meta, title }) {
     `
   )
 
-  const metaDescription = description || site.siteMetadata.description
+  const metaDescription = excerpt || site.siteMetadata.description
 
   return (
     <Helmet
@@ -71,6 +71,10 @@ function SEO({ description, lang, meta, title }) {
           name: `twitter:description`,
           content: metaDescription,
         },
+        {
+          name: `twitter:image`,
+          content: `https://raw.githubusercontent.com/loadsmart/blog/main/src/images/ls-logo-400px-transparent.png`,
+        },
       ].concat(meta)}
     />
   )

diff --git a/src/templates/blogTemplate.js b/src/templates/blogTemplate.js
@@ -56,12 +56,12 @@ export default function Template({
   data, // this prop will be injected by the GraphQL query below.
 }) {
   const { markdownRemark } = data // data.markdownRemark holds your post data
-  const { frontmatter, html, fields } = markdownRemark
+  const { frontmatter, html, excerpt, fields } = markdownRemark
   const { readingTime } = fields
 
   return (
     <Layout>
-      <SEO title={frontmatter.title} />
+      <SEO title={frontmatter.title} excerpt={excerpt} />
       <Section>
         <PostWrapper>
           <Title>{frontmatter.title}</Title>