Gridsome Sitemap を作って Google Search Console に登録する

投稿日:2021年4月3日

更新日:2021年4月3日

プラグイン @gridsome/plugin-sitemap をインストール

公式サイト@gridsome/plugin-sitemap

npm install @gridsome/plugin-sitemap

gridsome.config.js の plugins に設定を追記

私の場合は、こんな感じ。

plugins: [
{
  use: '@gridsome/plugin-sitemap',
  options: {
    exclude: [],
    config: {
      '/about/*': {
        changefreq: 'weekly',
        priority: 0.5
      },
      '/step/*': {
        changefreq: 'weekly',
        priority: 0.5
      },
      '/blog/*': {
        changefreq: 'weekly',
        priority: 0.5
      },
      '/shopify/*': {
        changefreq: 'weekly',
        priority: 0.5
      },
    }
  }
},
…略
]

build するとsitemap が作られるようなので、ココで一旦 buildする。。
はい、エラーでましたね、(._.)どれどれ。。

Sitemap plugin is missing a required siteUrl config.

SiteUrl がないよーなんですが、書いてるってッてよく思ったら module.exports の直下に書いてなかった。。
(私が書いてたのはmetadateでした…)

module.exports = {
  siteName: 'Gridsomeでいこう!',
  siteUrl: 'https://gogridsome.work/', //←これ追記
  …略

追記後、buld するとちゃんと/dist/sitemap.xml 出来てましたー!

Google Search Console に登録する

サイトマップが公開されたことを確認して、Google Search Console にログイン。
左側のメニューからサイトマップを選択。

エラーの表示

Sitemap の URL を入れて送信!!

エラーの表示

!(^^)! 成功しました!!!

目次ページに戻る