[Gatsby]Sitemapを作る

August 9th, 2020

検索エンジンにインデックスしてもらうためにSitemapを作ります。

実装

gatsby-plugin-sitemapの設定

まずはプラグインをインストールします。

yarn add gatsby-plugin-sitemap

gatsby-config.jsを修正して、siteUrlとpluginsの行を追加します。siteUrlはすでに追加してあったのでpluginsの行だけ追加しました。

gatsby-config.js
module.exports = {
  siteMetadata: {
    siteUrl: process.env.SITE_URL
  },
  plugins: [`gatsby-plugin-sitemap`],
}

Sitemapの生成

production用のビルドを実行します。

gatsby build

publicディレクトリの下にsitemap.xmlが出力されます。

参考