Nuxt.jsで作った静的サイトのsitemap.xmlを作る方法

2018年12月16日

このサイトのsinoaliceページをnuxt.jsで作ってます。
SAPサイトはwordpressのツールではsitemapを作れないので別で作るしかないとのこと。

nuxtjs/sitemapをインストールする

nuxt.js用のsitemapを作るパッケージがあるのでそれをインストールします。

npm i --save @nuxtjs/sitemap

nuxt.configの編集

設定ファイルにnuxtjs/sitemapを追加します。

modules: [
  ['@nuxtjs/sitemap'],
]

sitemapオプションを追加

sitemap: {
  path: '/sitemap.xml',
  hostname: 'https://himariweb.sakura.ne.jp/sinoalice/',
  generate: true,
  exclude: [
    '/admin'
  ],
  routes: [
    '/users/1',
    '/users/2',
    '/users/3'
  ]
}

routesには動的なページ入れるみたいだけど参考サイトの処理の流れがわからないので、今回手打ちで対応。(user/1,2,3のように
npm run generate実行でsitemapが出力されます。
/static/に出力されましたのでそれをGoogleSearchConsoleに登録

参考サイト

https://qiita.com/bucchi49/items/d271c4010a3f6c900926
https://github.com/nuxt-community/sitemap-module