GatsbyJsでSitemapを使う

GatsbyJSでgatsby-plugin-sitemapを使う

GatsbyJSでGoogleにSiteMapを作成して登録したかったのでプラグインgatsby-plugin-sitemapを実装してみた。

GatsbyJSでgatsby-plugin-sitemapの使い方

• インストール
• Gatsby-config.jsのセッティング
• サンプルコード

Styled Componentsのインストール

npmコマンドでインストールします。

npm install --save gatsby-plugin-sitemap

Gatsby-config.jsのセッティング

Gatsby Config.jsを以下のようにします。

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

動作確認

gatsby build

で確認すると

Publicフォルダを確認してみるとsitemap.xmlが出来ている。

サーチコンソールからサイトマップを追加してみるとエラーゼロで完成している。