页面的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
网友评论