feat: improve SEO

bntnam · Apr 3, 2022 · d0d304f · d0d304f
1 parent 97eb8a5
commit d0d304f
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 17 deletions.
diff --git a/gatsby-config.js b/gatsby-config.js
@@ -7,7 +7,9 @@ module.exports = {
     title: "Software Engineer - Nam Bui",
     author: "Nam Bui",
     description:
-      "Nam is a Software Engineer with years of professional experience building global products in various markets for millions of users.",
+      "Nam is a Software Engineer with years of professional experience building global products for millions of users.",
+    siteUrl: "https://bntnam.com",
+    imageUrl: "/img/profile/profile.jpg",
   },
   plugins: [
     "gatsby-plugin-react-helmet",

diff --git a/src/components/templates/Layout/index.js b/src/components/templates/Layout/index.js
@@ -28,26 +28,40 @@ const Layout = ({ children, location }) => {
               title
               author
               description
+              siteUrl
+              imageUrl
             }
           }
         }
       `}
-      render={data => (
-        <>
-          <Helmet
-            title={data.site.siteMetadata.title}
-            link={[{ rel: "shortcut icon", href: "/logo.ico" }]}
-          >
-            <meta name="author" content={data.site.siteMetadata.author} />
-            <meta
-              name="description"
-              content={data.site.siteMetadata.description}
-            />
-          </Helmet>
-          <GlobalStyle />
-          {content}
-        </>
-      )}
+      render={data => {
+        const {
+          title,
+          author,
+          description,
+          siteUrl,
+          imageUrl,
+        } = data.site.siteMetadata;
+
+        return (
+          <>
+            <Helmet
+              title={title}
+              link={[{ rel: "shortcut icon", href: "/logo.ico" }]}
+            >
+              <meta name="author" content={author} />
+              <meta name="description" content={description} />
+              <meta property="og:url" content={siteUrl} />
+              <meta property="og:title" content={title} />
+              <meta property="og:author" content={author} />
+              <meta property="og:description" content={description} />
+              <meta property="og:image" content={`${siteUrl}${imageUrl}`} />
+            </Helmet>
+            <GlobalStyle />
+            {content}
+          </>
+        );
+      }}
     />
   );
 };

diff --git a/static/img/profile/profile.jpg b/static/img/profile/profile.jpg