소개

Gatsby.js에서 Sitemap을 만들고 Search Console에 등록하는 방법을 요약합니다.

Gatsby.js는 플러그인이 풍부하기 때문에 그곳을 사용합니다.

플러그인 설치

gatsby-plugin-sitemap이라는 공식 추천? 플러그인이 있습니다.
Gatsby의 공식 문서로

npm 또는 yarn으로 설치합니다.

npm install --save gatsby-plugin-sitemap

yarn add gatsby-plugin-sitemap

gatsby-config.js에 추가

Gatsby는 기본적으로 플러그인을 추가 할 때 gatsby-config.js에 설명합니다.

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

빌드하면 시작

빌드시에 자동으로 기동해, public 폴더내에 사이트 맵 파일을 생성해 줍니다.
시험에 빌드 & 서브 해 봅시다.

gatsby build && serve

Google Search Console로 보내기

Sitemap이 생성되면 검색 콘솔로 보냅니다.

Sitemap은 public 폴더 바로 아래에 생성되므로 サイトURL+sitemap.xml 에서 액세스할 수 있습니다.

https://www.example.com/sitemap.xml

검색 콘솔에 URL을 입력하고 제출 버튼을 클릭합니다.

요약

쉽게 Sitemap을 자동으로 생성할 수 있었습니다.