Open2021/11/12にコメント追加1

nuxt/sitemapによるサイトマップにSEO対策を加える

Nuxt

portground

Nuxt.jsにはNuxtCommunityという公式コミュニティが開発の
「nuxt/sitemap」というサイトマップ生成モジュールがある。
このモジュールに関してSEOに役立つ設定を加えてみる。

filterオプション

このオプションによってルート単位でフィルタリングし、設定を当てることができる。

属性を設定してみよう

一例としてNuxt.jsで構成したサイトで毎日更新するページがあるとします。
今回はXMLサイトマップの属性の一つchangefreqを設定してみます。
サイトマップ上のこのページに対してchangefreq属性を指定してあげると、検索エンジンが更新頻度の参考情報として利用します。気休め程度ですがSEOに役立ちます。

nuxt/sitemapでの設定

  sitemap: {
    hostname: 'example.com',
    filter ({ routes, options }) {
      return routes.map((route) => {
        if (route.name === 'higawarilunch' || route.name === 'higawaridinner') {
          route.changefreq = 'daily'
          return route
        }
        return route
      })
    },

nuxt/sitemapで他に設定可能なオプションはこちらにまとめられています。