Open1
nuxt/sitemapによるサイトマップにSEO対策を加える
portgroundNuxt.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で他に設定可能なオプションはこちらにまとめられています。