fix(website): og image tag, add author (#6979)

* feat: replace twiiter image with image

- set post image as og:image
- remove image on posts where it is not needed

* fix(website): og image tag, add author

website/src/components/layout.js

@@ -53,7 +53,7 @@ function Layout({ hasPageHero, children }) {
           >
             <Helmet defaultTitle={title} titleTemplate={`%s | ${title}`}>
               <meta name="description" content={description} />
-              <meta name="og:image" content="https://decapcms.org/img/og-image.jpg" />
+              <meta name="image" property="og:image" content="https://decapcms.org/img/og-image.jpg" />
               <link
                 rel="stylesheet"
                 href="https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,700,900|Roboto+Mono:400,700"

website/src/templates/blog-post.js

@@ -19,7 +19,8 @@ function BlogPost({ data }) {
       <Helmet>
         <title>{title}</title>
         {desc && <meta name="description" content={desc} />}
-        {image && <meta name="og:image" content={imageUrl} />}
+        {image && <meta name="image" property="og:image" content={imageUrl} />}
+        {author && <meta name="author" content={author} />}
         {canonical_url && <link rel="canonical" href={canonical_url} />}
       </Helmet>
       <TwitterMeta title={title} description={desc} image={imageUrl} />