Add seo fixes

Author: haxzie

src/components/seo.js

@@ -12,7 +12,7 @@ import { useStaticQuery, graphql } from "gatsby"
 import streamonCoverImg from "../images/streamon-cover.png"
 
 
-function SEO({ description, lang, meta, title, image, author }) {
+function SEO({ description, lang, meta, title, image, author, twitterCardType }) {
   const { site } = useStaticQuery(
     graphql`
       query {
@@ -50,13 +50,21 @@ function SEO({ description, lang, meta, title, image, author }) {
           property: `og:description`,
           content: metaDescription,
         },
+        {
+          property: `og:url`,
+          content: `https://getstreamon.com`
+        },
+        {
+          property: `og:site_name`,
+          content: `Streamon`
+        },
         {
           property: `og:type`,
-          content: `website`,
+          content: `object`,
         },
         {
           name: `twitter:card`,
-          content: `summary`,
+          content: twitterCardType || `summary`,
         },
         {
           name: `twitter:creator`,
@@ -78,9 +86,21 @@ function SEO({ description, lang, meta, title, image, author }) {
           name: `twitter:image`,
           content: coverImage
         },
+        {
+          name: `twitter:site`,
+          content: `@streamonhq`
+        },
+        {
+          name: `twitter:creator`,
+          content: `@streamonhq`
+        },
         {
           name: `image`,
           content: coverImage
+        },
+        {
+          name: `og:image`,
+          content: coverImage
         }
       ].concat(meta)}
     />

src/images/blog-cover-image.png

@@ -3,6 +3,7 @@ import { graphql } from "gatsby"
 import Layout from "../components/Layout"
 import BlogsList from "../components/BlogsList"
 import SEO from "../components/seo"
+import BlogCoverImage from "../images/blog-cover-image.png";
 
 export default function Blogs({ data }) {
   const blogsData = data.allMarkdownRemark.nodes.map(item => item.frontmatter)
@@ -11,6 +12,8 @@ export default function Blogs({ data }) {
       <SEO
         title="The Streamon Community Blog - Tutorials and Guides"
         description="Learn from the streamer's community on using Streamon and learn about building your brand with Instagram using live videos"
+        twitterCardType={`summary_large_image`}
+        image={BlogCoverImage}
         meta={[
           {
             name: "keywords",

src/pages/blog.js

@@ -12,6 +12,7 @@ export default function IndexPage({ data }) {
       <SEO
         title="Stream live to Instagram from Windows/Linux"
         description="Go live with high quality stream from your desktop/laptop. Streamon helps you to create streaming links to Instagram Live with a single click!"
+        twitterCardType={`summary_large_image`}
         meta={[
           {
             name: "keywords",

src/pages/index.js

@@ -13,6 +13,7 @@ export default function BlogTemplate({ data }) {
         description={frontmatter.description}
         image={frontmatter.cover_image.publicURL}
         author={frontmatter.author}
+        twitterCardType={`summary_large_image`}
         meta={
           [
             {