Optimize Twitter card

Author: neesjanvaneck

src/assets/images/vosviewer-online-thumbnail-twitter.png

@@ -2,12 +2,13 @@
   <title>VOSviewer Online</title>
   <meta name="description" content="VOSviewer Online is a tool for network visualization. It is a web-based version of VOSviewer, a popular tool for constructing and visualizing bibliometric networks." />
   <meta property="og:title" content="VOSviewer Online" />
-  <meta property="og:description" content="VOSviewer Online is a tool for network visualization. It is a web-based version of VOSviewer, a popular tool for constructing and visualizing bibliometric networks." />
+  <meta property="og:description" content="VOSviewer Online is a tool for network visualization." />
   <meta property="og:image" content="/images/vosviewer-online-thumbnail.png" />
   <meta property="og:image:width" content="1200" />
   <meta property="og:image:height" content="630" />
   <meta property="og:url" content="https://app.vosviewer.com" />
-  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:card" content="summary" />
+  <meta name="twitter:image" content="https://app.vosviewer.com/images/vosviewer-online-thumbnail-twitter.png" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
   <meta charset="utf-8">
   <meta http-equiv="x-ua-compatible" content="ie=edge">

src/index.html

@@ -80,6 +80,10 @@ export default (env = defaultEnv) => {
     {
       from: resolve(__dirname, 'src/assets/images/vosviewer-online-thumbnail.png'),
       to: absolute('dist', bundleName, 'images/vosviewer-online-thumbnail.png'),
+    },
+    {
+      from: resolve(__dirname, 'src/assets/images/vosviewer-online-thumbnail-twitter.png'),
+      to: absolute('dist', bundleName, 'images/vosviewer-online-thumbnail-twitter.png'),
     }
   ];