SEO 문제와 NextJS 프레임워크

웹사이트를 개발할 때, 이 사이트를 검색 엔진에서 홍보할지 여부를 이해하는 것이 중요합니다. 검색 엔진이란 사용자가 필요한 정보를 찾는 Google이나 Yandex와 같은 전문 웹사이트를 의미합니다.

우리 웹사이트가 특정 검색어에 대해 상위에 노출된다면, 지속적인 방문자 흐름을 보장할 것입니다. 그리고 광고를 통해 유입되는 방문자와 달리, 이러한 방문자들에게는 비용을 지불할 필요가 없습니다.

여기에 문제가 있습니다: React로 개발된 웹사이트는 검색 엔진에서 제대로 노출되지 않을 것입니다. 문제는 이러한 사이트의 페이지 내용이 JavaScript를 통해 브라우저에서 동적으로 생성된다는 점입니다. 검색 엔진은 아직 이러한 페이지를 처리하는 방법을 알지 못합니다. 따라서 이러한 사이트는 검색 결과에 완전히 노출되지 못할 것입니다.

검색 엔진이 우리 사이트와 완벽하게 작동할 수 있도록 하려면, 페이지의 텍스트가 서버 측에서 생성되어 완성된 HTML 코드 형태로 브라우저로 전송되어야 합니다.

이 문제를 해결하는 것이 NextJS 프레임워크입니다. 이를 통해 서버 측에서 JSX 코드를 작성할 수 있습니다. 서버는 이 JSX를 일반 HTML로 변환하여 브라우저에 전달합니다. 이렇게 하면 검색 엔진이 우리 사이트와 올바르게 작동하는 데 필요한 HTML 코드가 클라이언트 측으로 전송됩니다.

이것이 어떻게 이루어지는지, 우리는 이 튜토리얼을 통해 배울 것입니다.

검색 엔진이 이미 JavaScript로 생성된 내용을 인식하는 방법을 배우고 있다는 점을 말해야 합니다. 그들이 이 작업을 완전히 마스터하게 되면, 모든 웹사이트 개발 방식이 근본적으로 바뀔 것입니다. 그리고 NextJS와 같은 프레임워크는 전혀 필요 없어지거나, 그 원칙이 완전히 달라질 것입니다.

자, 그럼 시작해 봅시다:)