From 61bf0de8134cc35723607da9b9113e3419b1b5f9 Mon Sep 17 00:00:00 2001
From: Philip Thomas <pthomas.v3@gmail.com>
Date: Sat, 4 Apr 2020 14:14:49 -0500
Subject: [PATCH] Add basic twitter card

Adds a basic twitter summary card using the same title, image, and
description as the open graph tags. Also improves the tag logic.
---
 static-site/src/components/SEO/SEO.jsx | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/static-site/src/components/SEO/SEO.jsx b/static-site/src/components/SEO/SEO.jsx
index 8d7568150..87ba532ed 100644
--- a/static-site/src/components/SEO/SEO.jsx
+++ b/static-site/src/components/SEO/SEO.jsx
@@ -70,6 +70,7 @@ class SEO extends Component {
     return (
       <Helmet>
         {/* General tags */}
+        <meta charset="utf-8" />
         <meta name="description" content={description} />
         <meta name="image" content={image} />
 
@@ -80,14 +81,23 @@ class SEO extends Component {
 
         {/* OpenGraph tags */}
         <meta property="og:url" content={postSEO ? postURL : blogURL} />
-        {postSEO ? <meta property="og:type" content="article" /> : null}
+        {postSEO ?
+          <meta property="og:type" content="article" /> :
+          <meta property="og:type" content="website" />
+        }
         <meta property="og:title" content={title} />
         <meta property="og:description" content={description} />
         <meta property="og:image" content={image} />
-        <meta
-          property="fb:app_id"
-          content={config.siteFBAppID ? config.siteFBAppID : ""}
-        />
+        {config.siteFBAppID ?
+          <meta property="fb:app_id" content={config.siteFBAppID} /> :
+          null
+        }
+
+        {/* Twitter Card tags */}
+        <meta name="twitter:card" content="summary" />
+        <meta name="twitter:title" content={title} />
+        <meta name="twitter:description" content={description} />
+        <meta name="twitter:image" content={image} />
       </Helmet>
     );
   }