meta social stuff

TODO.md

@@ -1,6 +1,5 @@
 ## TODO
-* services - background image for mobile
+* facebook/twitter social card images
-* facebook/twitter social card thingies
 * API
 
 ## Maybes

nuxt.config.js

@@ -16,7 +16,21 @@ module.exports = {
     meta: [
       { charset: 'utf-8' },
       { name: 'viewport', content: 'width=device-width, initial-scale=1' },
-      { hid: 'description', name: 'description', content: 'The website of photographer Marc Leopold.' }
+      { hid: 'description', name: 'description', content: 'Marc Leopold is a Chicago born photographer whose images have appeared in many collections and publications. His website is a showcase of his outstanding work and an insight into his philosophy and motivations.' },
+
+      { property: 'og:image', content: ''},
+      { property: 'og:image:width', content: ''},
+      { property: 'og:image:height', content: ''},
+      { property: 'og:title', content: 'Marc Leopold Photography' },
+      { property: 'og:url', content: 'https://marcleopold.isnet.uk' },
+      { property: 'og:site_name', content: 'Marc Leopold Photography' },
+      { property: 'og:type', content: 'website'},
+      { property: 'og:description', content: 'Marc Leopold is a Chicago born photographer whose images have appeared in many collections and publications. His website is a showcase of his outstanding work and an insight into his philosophy and motivations.' },
+      { name: 'twitter:card', content: 'summary' },
+      { name: 'twitter:title', content: 'Marc Leopold Photography' },
+      { name: 'twitter:image', content: '' },
+      { name: 'twitter:image:alt', content: 'The website of Marc Leopold Photography.' },
+      { name: 'twitter:creator', content: '@studiovxweb' },
     ],
     link: [
       { rel: 'icon', type: 'image/png', sizes: '16x16', href: '/favicon-16x16.png' },

pages/index.vue

@@ -62,7 +62,7 @@ export default {
       meta: [{ 
         hid: 'description',
         name: 'description',
-        content: 'The Home Page of photographer Marc Leopold.'
+        content: 'Photographer, Marc Leopold has images in numerous collections and publications. Here is a glimpse of his work, an insight into his philosophy and motivations.'
       }],
     }
   },