feat: :spy: add more meta tags

kitos · Jan 8, 2019 · 7824a4c · 7824a4c
1 parent c814508
commit 7824a4c
Show file tree

Hide file tree

Showing 2 changed files with 42 additions and 4 deletions.
diff --git a/gatsby-config.js b/gatsby-config.js
@@ -3,6 +3,9 @@ const pkg = require('./package')
 module.exports = {
   siteMetadata: {
     title: 'Nikita Kirsanov',
+    description: 'Personal blog of software engineer - Nikita Kirsanov',
+    img: 'https://www.nikitakirsanov.com/icons/icon-512x512.png',
+    keywords: ['blog', 'personal', 'software engineer', 'CV', 'portfolio'],
     version: pkg.version,
     siteUrl: 'https://www.nikitakirsanov.com',
   },

diff --git a/src/components/layout.js b/src/components/layout.js
@@ -56,6 +56,9 @@ const Layout = ({ pageTitle, children }) => (
         site {
           siteMetadata {
             title
+            description
+            img
+            keywords
             version
           }
         }
@@ -67,12 +70,44 @@ const Layout = ({ pageTitle, children }) => (
           title={(pageTitle ? `${pageTitle} | ` : '') + meta.title}
           meta={[
             {
-              name: 'description',
-              content: 'Personal blog of Nikita Kirsanov',
+              name: 'keywords',
+              content: meta.keywords.join(', '),
             },
             {
-              name: 'keywords',
-              content: 'blog, personal, software engineer, CV, portfolio',
+              name: `description`,
+              content: meta.description,
+            },
+            {
+              property: `og:title`,
+              content: pageTitle,
+            },
+            {
+              property: `og:description`,
+              content: meta.description,
+            },
+            {
+              name: 'og:image',
+              content: meta.img,
+            },
+            {
+              property: `og:type`,
+              content: `website`,
+            },
+            {
+              name: `twitter:card`,
+              content: `summary`,
+            },
+            {
+              name: `twitter:creator`,
+              content: meta.title,
+            },
+            {
+              name: `twitter:title`,
+              content: pageTitle,
+            },
+            {
+              name: `twitter:description`,
+              content: meta.description,
             },
           ]}
         >