nuxt3 nuxt.config.js seo优化配置

Nuxt.js 是一个基于 Vue.js 的通用应用框架，它可以让你更快速、更轻松地开发应用程序。Nuxt.js 3 是 Nuxt.js 的最新版本，它提供了全新的架构和 API，具有更好的性能和更好的扩展性。下面是关于 Nuxt.js 3 中的 SEO 优化配置的介绍。

Nuxt.js 3 中的 SEO 优化配置主要是通过 nuxt.config.js 文件来进行配置。下面是一些常用的 SEO 配置项：

1. head 标签配置：可以通过配置 head 对象来设置 head 标签中的元信息，如 title、meta、link 等。

2. router 配置：可以通过配置 router 对象来设置路由相关的信息，如路由的 base、mode 等。

3. generate 配置：可以通过配置 generate 对象来设置生成静态站点的相关信息，如生成路径、页面列表等。

4. sitemap 配置：可以通过配置 sitemap 对象来生成站点地图。

5. robots 配置：可以通过配置 robots 对象来生成 robots.txt 文件。

6. canonical 配置：可以通过配置 canonical 对象来设置页面的 canonical URL。

下面是一个简单的 nuxt.config.js 文件的 SEO 配置示例：

export default {
  head: {
    title: 'My website',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
    ]
  },
  router: {
    base: '/my-website/'
  },
  generate: {
    dir: 'dist/my-website'
  },
  sitemap: {
    hostname: 'https://www.my-website.com',
    gzip: true
  },
  robots: {
    UserAgent: '*',
    Disallow: '/'
  },
  canonical: {
    baseURL: 'https://www.my-website.com'
  }
}