Merge pull request #193 from nautatva/dev

Added og: image, og:url and robots meta tags to help SEO

layouts/default.vue

@@ -18,6 +18,7 @@ import Github from '../components/Github'
 import Logo from '../components/Logo'
 import Search from '../components/Search'
 import Sidebar from '../components/Sidebar'
+import pkg from '../package'
 
 export default {
   components: {
@@ -26,8 +27,19 @@ export default {
     Search,
     Sidebar,
   },
+  head () {
+    return {
+      meta: [
+        { hid: 'og:title', property: 'og:title', content: pkg.name },
+        { hid: 'og:description', property: 'og:description', content: pkg.description },
+        { hid: 'og:image', property: 'og:image', content: this.prodBaseUrl + 'apple-touch-icon.png' },
+        { hid: 'og:url', property: 'og:url', content: this.prodBaseUrl },
+      ],
+    }
+  },
   data() {
     return {
+      prodBaseUrl: 'https://webgems.io/',
       showNotice: false,
     }
   },
@@ -250,4 +262,4 @@ h1 {
   }
 }
 
-</style>
+</style>

nuxt.config.js

@@ -6,12 +6,19 @@ export default {
   ** Headers of the page
   */
   head: {
-    title: 'webgems',
+    htmlAttrs: {
+      lang: 'en',
+    },
+    title: pkg.name,
     meta: [
       { charset: 'utf-8' },
       { name: 'viewport', content: 'width=device-width, initial-scale=1' },
       { hid: 'description', name: 'description', content: pkg.description },
       { hid: 'keywords', name: 'keywords', content: 'css, html, php, server, resources, design, gems, nuxt, javascript, tutorials, development, software'},
+      
+      { name: 'robots', content: 'index, follow' },
+      { name: 'distribution', content: 'global'},  
+      
       { name:'theme-color', content: '#ffffff' },
       { name: 'msapplication-TileColor', content: '#da532c' },
       { rel: 'mask-icon', href: '/safari-pinned-tab.svg', color: '#5bbad5' },

package.json

@@ -1,7 +1,7 @@
 {
-  "name": "webgems",
+  "name": "webgems.io",
   "version": "1.0.0",
-  "description": "Webgems is a goto place for devs and designers to find new resources and more.",
+  "description": "Webgems is a place for devs and designers to find useful resources all at one place. It has server resources on HTML, CSS, Javascript, Design, Icons,Accessibility, PHP, Podcasts, Python, Ruby, Servers and more.",
   "author": "lost.design",
   "private": true,
   "scripts": {

resources/icons.json

@@ -8,6 +8,12 @@
       "url": "https://fontawesome.com/",
       "tags": ["icons", "logos", "vector"]
     },
+    {
+      "title": "Fontello",
+      "desc": "Fontello has a collection of icons from various font and icon toolkits and the icons can be individually selected and downloaded. This greatly improves the website performance owing the reduced css to download.",
+      "url": "http://fontello.com/",
+      "tags": []
+    },
     {
       "title": "Icomoon",
       "desc": "IcoMoon provides a package of vector icons, along with a free HTML5 app for making custom icon fonts or SVG sprites.",