共通OGP設定

Author: Fumito Abe

gridsome.config.js

@@ -19,7 +19,7 @@ module.exports = {
   siteUrl: `https://serverless.co.jp`,
   siteDescription: `Serverless Operationsは、これまでグローバルの第一線で培ってきたクラウド技術（AWS − アマゾンウェブサービス）の豊富な実績と知見を活かし、お客さまのサーバーレスによる開発や運用の支援、コンサルティングまで一貫してサポート。サーバーレスに関するさまざまな課題を解決いたします。`,
   metadata: {
-    siteOgImage: `https://serverless.co.jp` + require(`!!assets-loader!@images/ogp.png`).src,
+    siteOgImage: `https://serverless.co.jp/ogp.png`,
   },
 
   templates: {
@@ -90,6 +90,6 @@ module.exports = {
     types.forEach(type => {
       addStyleResource(config.module.rule('scss').oneOf(type))
     }),
-    config.resolve.alias.set(`@images`, `@/assets/images`)
+    // config.resolve.alias.set(`@images`, `@/assets/images`)
 	}
 } // module.exports

src/App.vue

@@ -42,6 +42,13 @@ export default {
           property: `og:image`,
           content:  this.$static.metadata.siteOgImage,
         },
+        { name: 'twitter:card',
+          content: 'summary_large_image',
+        },
+        {
+          name: 'twitter:image',
+          content: this.$static.metadata.siteOgImage,
+        }
       ]
     }
   }