nuxt - 个性meta设置 seo

2019-01-18  本文已影响0人  前端girl吖

页面的meta对于seo的设置非常重要,默认的配置在nuxt.config.js ,不同的页面一般都有不同的title和meta设置,个性化配置再去每个页面直接加入head() 方法。

head () {
    return {
      title: this.title,
      meta: [
        { hid: 'description', name: 'description', content:this.content }
      ]
    }
  }

!!!注意:为了避免子组件中的meta标签不能正确覆盖父组件中相同的标签而产生重复的现象,建议利用 hid 键为meta标签配一个唯一的标识编号。

相关配置详细:
https://zh.nuxtjs.org/guide/views#html-%E5%A4%B4%E9%83%A8

https://zh.nuxtjs.org/api/pages-head/

https://zh.nuxtjs.org/faq/duplicated-meta-tags

https://github.com/declandewet/vue-meta#lists-of-tags

赞赞哇.png
上一篇 下一篇

猜你喜欢

热点阅读