SEO

nuxt.config.js

@@ -109,6 +109,7 @@ export default {
         const productRoutes = response.data.data.products.edges
         const CollectionRoutes = response.data.data.collections.edges
         blogRoutes.forEach((blog) => {
+          res.push('/blog/' + blog.node.handle)
           blog.node.articles.edges.forEach((article) => {
             res.push('/blog/' + blog.node.handle + '/article/' + article.node.handle)
           })

pages/blog/_handle/article/_articleHandle/index.vue

@@ -50,6 +50,10 @@ export default {
                       authorV2 {
                         name
                       },
+                      seo {
+                        title,
+                        description
+                      }
                       image (maxWidth: 2000) {
                         altText,
                         originalSrc
@@ -63,6 +67,14 @@ export default {
         article: response.data.data.blogByHandle.articleByHandle
       }
     })
+  },
+  head () {
+    return {
+      title: this.article.seo.title,
+      meta: [
+        { hid: 'description', name: 'description', content: this.article.seo.description }
+      ]
+    }
   }
 }
 </script>

pages/blog/_handle/index.vue

@@ -54,6 +54,11 @@ export default {
         blog: response.data.data.blogByHandle
       }
     })
+  },
+  head () {
+    return {
+      title: this.$store.state.shop.name + ' | ' + this.blog.title
+    }
   }
 }
 </script>

pages/index.vue

@@ -90,7 +90,7 @@ export default {
   },
   head () {
     return {
-      title: 'Home Page',
+      title: this.shop.name,
       meta: [
         { hid: 'description', name: 'description', content: this.description }
       ]

pages/policy/privacy-policy/index.vue

@@ -31,6 +31,11 @@ export default {
         policy: response.data.data.shop.privacyPolicy
       }
     })
+  },
+  head () {
+    return {
+      title: 'Privacy Policy'
+    }
   }
 }
 </script>

pages/policy/refund-policy/index.vue

@@ -31,6 +31,11 @@ export default {
         policy: response.data.data.shop.refundPolicy
       }
     })
+  },
+  head () {
+    return {
+      title: 'Refund Policy'
+    }
   }
 }
 </script>

pages/policy/terms-of-service/index.vue

@@ -31,6 +31,11 @@ export default {
         policy: response.data.data.shop.termsOfService
       }
     })
+  },
+  head () {
+    return {
+      title: 'Terms of services'
+    }
   }
 }
 </script>

pages/products/_handle/index.vue

@@ -94,6 +94,14 @@ export default {
       product: {},
       quantity: 1
     }
+  },
+  head () {
+    return {
+      title: this.$store.state.shop.name + ' | ' + this.product.title,
+      meta: [
+        { hid: 'description', name: 'description', content: this.product.description }
+      ]
+    }
   }
 }
 </script>

pages/products/index.vue

@@ -26,6 +26,11 @@ export default {
     products () {
       return this.$store.state.products
     }
+  },
+  head () {
+    return {
+      title: this.$store.state.shop.name + ' | ' + 'Products'
+    }
   }
 }
 </script>