DAY19: Nuxt.js Robots 模組

安裝 Robots 模組

首先，您需要將 @nuxtjs/robots 模組添加到您的 Nuxt.js 專案中。您可以使用 yarn 或 npm 進行安裝。

使用 yarn 安裝：

yarn add @nuxtjs/robots

配置 Robots 模組

一旦安裝完成，您需要在 nuxt.config.js 中配置 Robots 模組。在 modules 部分中添加 @nuxtjs/robots。

export default {
  modules: ['@nuxtjs/robots'],
}

您也可以使用模組的選項來進一步配置 Robots.txt 文件。以下是一個示例：

export default {
  modules: ['@nuxtjs/robots'],
  robots: {
    /* 模組選項 */
  }
}

配置選項

Robots 模組支持以下配置選項：

• path（字符串，默認值：'robots.config'）: 指定 robots.txt 文件的生成路徑。
• rules（對象或數組，默認值：{ UserAgent: '*', Disallow: '' }）: 配置搜索引擎爬行的規則。您可以指定不同的 User-Agent 和 Disallow 規則。
• configPath（字符串，默認值：undefined）: 如果需要在規則中使用函數，則需要透過 configPath 選項來指定設定文件的路徑。

export default {
  modules: ['@nuxtjs/robots'],
  robots: {
    path: 'custom-robots.txt',
    rules: [
      { UserAgent: '*', Disallow: '/private/' },
      { UserAgent: 'Googlebot', Disallow: '' },
      { BlankLine: true },
      { Comment: 'Custom comment' },
    ],
  },
}

使用示例

一旦配置完成，Robots 模組將生成 robots.txt 文件，告知搜索引擎如何爬行您的網站。這有助於控制搜索引擎索引哪些頁面，哪些頁面不應被索引。

這就是如何使用 Nuxt.js Robots 模組來管理您的 robots.txt 文件。這對於搜索引擎優化(SEO)和網站爬行控制非常有用。