Gatsbyブログにrobots.txtとsitemap.xmlを配置する

今回はGatsbyブログにrobots.txtとsitemap.xmlを配置する方法をご紹介します。 どちらも必須ではありませんが、SEOを行っていく上では欠かせないものです。

Gatsby

前提条件

  • gatsbyプロジェクト作成済

ライブラリのインストール

今回はgatsby-plugin-robots-txtとgatsby-plugin-sitemapを使用します。 それぞれrobots.txtとsitemap.xmlを生成してくれるライブラリです。

yarn add gatsby-plugin-robots-txt　gatsby-plugin-sitemap

設定

gatsby-config.jsのpluginsに追記します。

gatsby-config.js 
plugins: [
  `gatsby-plugin-sitemap`,
  'gatsby-plugin-robots-txt',
]

使用方法

ローカルでビルドを実行してみましょう。

yarn run build

正常に動作していればpublic直下にrobots.txtとsitemap.xmlが出来上がっているはずです。 例えばこのサイト(nekoniki.com)の場合は、下記の箇所にそれぞれ配置されています。

まとめ

今回はGatsby製ブログで、robots.txtとsitemap.xmlを生成するライブラリを紹介しました。 SEOを進める上ではほぼ必須といえるライブラリです。 導入も簡単ですので、是非一度お試しください。

SNSでシェアする