13버전 이전에서는 `next-seo`라는 라이브러리를 사용하여 보통 메타데이터를 설정하였는데, 13버전 이상부터는 메타데이터 관련하여 `Metadata` API를 따로 지원한다. 그리고 sitemap 관련하여 app 폴더에서 바로 sitemap.js 파일을 만들어 `MetadataRoute`라는 API도 역시 지원한다. 이번 글에서는 13버전 이상, App Router에서 Sitemap.xml 설정하는 방법을 알아보자 Sitemap이란? Sitemap은 웹사이트의 구조를 검색 엔진에게 알려주는 XML 형식의 파일이나 페이지의 목록을 의미합니다. 이는 검색 엔진이 웹사이트를 효율적으로 크롤링하고 색인화하는 데 도움이 됩니다. Sitemap은 일반적으로 웹사이트의 모든 페이지 URL과 해당 페이지의 중요한..
[Next.js] Sitemap 설정 방법 (13버전 App Router)
13버전 이전에서는 `next-seo`라는 라이브러리를 사용하여 보통 메타데이터를 설정하였는데, 13버전 이상부터는 메타데이터 관련하여 `Metadata` API를 따로 지원한다. 그리고 sitemap 관련하여 app 폴더에서 바로 sitemap.js 파일을 만들어 `MetadataRoute`라는 API도 역시 지원한다. 이번 글에서는 13버전 이상, App Router에서 Sitemap.xml 설정하는 방법을 알아보자 Sitemap이란? Sitemap은 웹사이트의 구조를 검색 엔진에게 알려주는 XML 형식의 파일이나 페이지의 목록을 의미합니다. 이는 검색 엔진이 웹사이트를 효율적으로 크롤링하고 색인화하는 데 도움이 됩니다. Sitemap은 일반적으로 웹사이트의 모든 페이지 URL과 해당 페이지의 중요한..
2024.01.18