masalibの日記

システム開発、運用と猫の写真ブログです

「Gatsby JS」sitemap.xmlのプラグインを追加する

もしかしてsitemap.xmlはいらないかもしれないが、Search Consoleに登録したいので プラグインを追加することにした

手順

手順は公式サイトどおりにやっています

www.gatsbyjs.org

プラグインをインストールする

gatsbyにはプラグインが用意されているのでインストールする。
なお、ローカルで動かしているサーバー(gatsby develop)を停止してください

$ npm install --save gatsby-plugin-google-analytics

プラグインの設定を追加する

/gatsby-config.jsを修正

siteUrlの部分が追加した部分

  siteMetadata: {
    title: 'Masalib Gatsby Blog',
    description:
      'Gatsby Study test',
    siteUrl: `https://masalib-gatsby-blog.netlify.com/`,
  },

f:id:masalib:20190312023840j:plain

あとはプラグインを記述する

    `gatsby-plugin-sitemap`,
    {
      resolve: `gatsby-plugin-sitemap`,
      options: {
        output: `/sitemap.xml`,
        exclude: ["/tag/*"],
        query: `
          {
            site {
              siteMetadata {
                siteUrl
              }
            }
            allSitePage {
              edges {
                node {
                  path
                }
              }
            }
        }`
      },
    },

念のために差分

f:id:masalib:20190312023820j:plain
プラグイン追加

確認

developでは確認できないので「npm run build」で出力するかデプロイする。

f:id:masalib:20190312023752j:plain
sitemap.xmlの出力した結果

残念な事に、更新日時は反映されない