vue.js - 如何实施seo来验证项目？(How can I implement seo to vuetify project?)

Question

I had try some way

(我尝试了一些方法)

1. https://github.com/nuxt/vue-meta

   (https://github.com/nuxt/vue-meta)

2. https://github.com/troxler/vue-headful

   (https://github.com/troxler/vue-headful)

I had install it and try in my project of vuetify

(我已经安装了它并尝试在我的vuetify项目中)

I try to click right use mouse on my website and select View Page Source , I see the title, description, keywords don't change.

(我尝试在我的网站上单击鼠标右键，然后选择“ View Page Source ，我看到标题，说明和关键字没有变化。)

It still uses the title, keyword and description from public/index.html .

(它仍然使用public/index.html的标题，关键字和描述。)

I look doubtful this way is correct

(我怀疑这种方式是正确的)

Is this method really useful for SEO?

(这种方法对SEO真的有用吗？)

  ask by positive thinking translate from so

Answer 1

Using vue-headful must work.

(必须使用vue-headful。)

This is an example:

(这是一个例子：)

<template>
  <v-app>
    <vue-headful :keywords="this.metaKeyword" :title="this.metaTitle"/>
  </v-app>
</template>
<script>
  import vueHeadful from 'vue-headful';
  export default {
    data () {
      return {
        metaKeyword: ["keyword1", "keyword2", "keyword3"],
        metaTitle: ["This is my title"]
      }
    },
    components: {
      vueHeadful
    }
  }
</script>