• トップページ
• Blog
• gatsby-plugin-sitemapを使う

gatsby-plugin-sitemapを使う

Gatsby.jsでサイトマップを作成するプラグインgatsby-plugin-sitemapの設定方法です。

インストール

npm i --save gatsby-plugin-sitemap

またはyarnの場合は以下のコマンドでインストール可能です。

yarn add gatsby-plugin-sitemap

最小構成の場合

siteMetadata: {
  siteUrl: `https://www.example.com`,
},
plugins: [`gatsby-plugin-sitemap`]

ポイントはsiteMetadataの項目にsiteUrlをセットすることです。urlなど他の文字列になっているとbuild時にエラーが出ます。

不要なページを除外する

{
      resolve: `gatsby-plugin-sitemap`,
      options: {
        exclude: [`/page-2`,`/thanks`,`/dev-404-page`],
      }
    },

gatsby-config.jsのpluginsの項目でexcludeオプションを設定します。/page-2などとなっているところがページ名です。

サイトマップXMLのファイル名を設定する

{
      resolve: `gatsby-plugin-sitemap`,
      options: {
        output: `/sitemap.xml`,
        exclude: [`/page-2`,`/thanks`,`/dev-404-page`],
      }
    },

excludeオプションと同様にoutputという項目を追加し、ファイル名を指定します。

atnr.net の RSS登録はこちらから

コメントは受け付けていません。