🐕 【Nuxt】サイトマップの作成
作成日: 2021/09/26
0

やりたいこと

  • Nuxt.jsでサイトマップを作成
  • GAEにサイトマップをデプロイする
  • サーチコンソールでサイトマップの場所を送信

Nuxt.jsでサイトマップを作成

  • @nuxtjs/sitemapをインストール
npm install @nuxtjs/sitemap
  • nuxt.config.jsの修正
export default {
...
  modules: [
    '@nuxtjs/sitemap'
  ],
...
...
  sitemap: {
	path: '/sitemap.xml'
    hostname: process.env.BASE_URL, 
    routes: async () => {
		// サイトマップに追加したいURLのリストを返す
		return [];
	} 
  },
}
  • サイトマップの生成
    • dist配下にsitemap.xmlが生成される
npm run generate

GAEにサイトマップをデプロイする

  • 以下のファイルをstatic配下に用意しデプロイを行う
    • 生成されたsitemap.xml
    • robot.txt(サイトマップのファイル名をsitemap.xml以外にしている場合のみ必要)
User-Agent:*
Sitemap:${URL}/${サイトマップのファイル名}

サーチコンソールでサイトマップの場所を送信

  • サイトマップ > [新しいサイトマップの追加] から、サイトマップのURLを追加

参考記事

engineer/JavaScript/TypeScript/Vue/Nuxt🦒