[React] - Next.js SEO 검색랭킹 올리는 법

• CSR(Client Side Rendering) 환경에서는 SEO 작업이 적합하지 않으며, SSR(Server Side Rendering)에서도 단순히 Next.js를 사용하는 것만으로는 SEO 작업이 완료되지 않는다.

• Next.js에서 SEO를 위한 작업은 다양하며, getStaticProps를 이용해 데이터를 받아온 후, MetaTag를 동적으로 할당하고 HTML 콘텐츠를 PreRendering하여 검색봇이 최대한 많은 정보를 크롤링하도록 하는 것이 중요하다.

• Next.js의 Head 컴포넌트를 이용해 MetaTag를 동적으로 할당할 수 있으며, sitemap.xml, robots.txt, RSS 등을 통해 SEO 최적화를 진행할 수 있다. 이를 통해 검색 엔진이 웹사이트의 구조와 콘텐츠를 더 잘 이해하게 하고, 웹사이트의 최신 컨텐츠를 구독자에게 제공하며, 검색 엔진 크롤러의 작동을 제어할 수 있다.

• Google Search Console과 Naver Search Advisor를 이용해 SEO 작업을 모니터링하고 관리할 수 있다. 이를 통해 사용자들이 어떤 키워드로 유입되었는지 확인하고, 이를 바탕으로 metaData를 수정하여 SEO 효과를 극대화할 수 있다.