[ADD] og image & url meta tag

Carms Ng · Carms Ng · commit e09799c63249 · 2021-09-20T18:24:56.000-04:00
diff --git a/gatsby-config.js b/gatsby-config.js
@@ -4,6 +4,7 @@ module.exports = {
     title: 'Coderbunker Canada',
     author: '@Carms-dev',
     description: 'Coderbunker est une communauté internationale de passionnés de développement logiciel. Nous fonctionnons sur une base de budget d\'ingénierie mensuels prépayés sur lesquels nous recrutons des équipes formées de talents flexibles qui participent activement dans la construction d\'une communauté qui les rends heureux.',
+    siteUrl: 'https://www.coderbunker.ca/',
   },
   plugins: [
     'gatsby-transformer-json',
diff --git a/src/components/Seo.js b/src/components/Seo.js
@@ -2,9 +2,10 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { Helmet } from 'react-helmet';
 import { useStaticQuery, graphql } from 'gatsby';
+import siteOg from '../assets/images/coderbunker-og.png';
 
 function Seo({
-  description, lang, meta, title,
+  description, lang, meta, title, image,
 }) {
   const { site } = useStaticQuery(
     graphql`
@@ -14,6 +15,7 @@ function Seo({
             title
             description
             author
+            siteUrl
           }
         }
       }
@@ -22,6 +24,7 @@ function Seo({
 
   const metaDescription = description || site.siteMetadata.description;
   const defaultTitle = site.siteMetadata?.title;
+  const ogImage = image || siteOg;
 
   return (
     <Helmet
@@ -43,6 +46,14 @@ function Seo({
           property: 'og:description',
           content: metaDescription,
         },
+        {
+          property: 'og:image',
+          content: `${site.siteMetadata.siteUrl}${ogImage}`,
+        },
+        {
+          property: 'og:url',
+          content: `${site.siteMetadata.siteUrl}`,
+        },
         {
           property: 'og:type',
           content: 'website',
@@ -72,7 +83,6 @@ Seo.defaultProps = {
   lang: 'en',
   meta: [],
   description: '',
-  author: '',
 };
 
 Seo.propTypes = {
