Next-SEO 도입은 pages directory를 사용하는 경우에 한합니다. app directory를 사용하는 경우에는 내장된 metadata를 사용하는 것이 SEO에 효과적입니다. pages directory를 사용하는 경우에는 아래를 참고해주세요.
next-seo는 Next.js 프로젝트에서 SEO(Search Engine Optimization)을 쉽게 관리할 수 있게 해주는 라이브러리입니다. 이는 페이지의 메타데이터를 설정하여 검색 엔진에서 더 잘 인식될 수 있도록 돕습니다. 일반적으로 'Metadata'라는 용어는 웹 페이지에 대한 정보를 정의하는 태그를 말합니다. 이는 페이지의 제목, 설명, 키워드 등을 포함할 수 있으며, 검색 엔진 최적화에 중요한 역할을 합니다. next-seo를 사용하면, 표준 HTML 메타 태그를 직접 작성하는 대신, 더 구조화되고 쉽게 SEO 관련 설정을 할 수 있습니다. 만약 이미 프로젝트에 메타데이터를 직접 관리하는 구조가 구축되어 있다면, next-seo를 추가로 사용하는 것은 필수는 아닙니다. 그러나 next-seo를 사용하면 SEO 관련 설정을 더 쉽고 효율적으로 관리할 수 있기 때문에, 특히 복잡하거나 큰 프로젝트에서 유용할 수 있습니다. 결론적으로, 둘 다 사용할 필요는 없으며, 프로젝트의 필요와 개인의 선호에 따라 선택할 수 있습니다. 이미 메타데이터를 잘 관리하고 있다면 굳이 변경할 필요는 없지만, 더 나은 구조와 편의성을 위해 next-seo를 고려할 수 있습니다.
Using Next.js app directory introduced in Next.js 13?
If you are using Next.js app directory then it is highly recommended that you use the built in generateMetaData method. You can check out the docs here