頁面的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