feat: add a better SEO image (#223)

For now, let’s use @riencoertjens’s photo of Dora because it’s painfully cute. For more Dora, go follow https://www.instagram.com/doraforscale/

close #143

Author: jlengstorf

gatsby-config.js

@@ -5,8 +5,9 @@ require('dotenv').config({
 module.exports = {
   siteMetadata: {
     siteUrl: 'https://store.gatsbyjs.org',
-    title: 'Gatsby Store',
-    description: 'Get Gatsby Swag!'
+    title: 'Holy buckets! Get your Gatsby swag here!',
+    description:
+      'Do you like spaced-out socks? All purple everything? Hitting #maximumcomf with JAMstack Jammies? Oh boy have we got the swag store for you!'
   },
   plugins: [
     {

src/components/shared/SiteMetadata.js

@@ -72,13 +72,16 @@ export default () => (
 
         <meta
           property="og:image"
-          content={`${siteUrl}/android-chrome-512x512.png`}
+          content={`${siteUrl}/instagram-doraforscale.jpg`}
         />
-        <meta property="og:image:alt" content="Gatsby Store Logo" />
-        <meta property="og:image:width" content="512" />
-        <meta property="og:image:height" content="512" />
+        <meta
+          property="og:image:alt"
+          content="Gatsby Socks using Dora for scale."
+        />
+        <meta property="og:image:width" content="1280" />
+        <meta property="og:image:height" content="686" />
 
-        <meta name="twitter:card" content="summary" />
+        <meta name="twitter:card" content="summary_large_image" />
         <meta name="twitter:site" content="@gatsbyjs" />
       </Helmet>
     )}