순수 React의 문제

 

Q1.

순수 React로만 페이지를 작성했을때 검색엔진에 노출이 안되는 점이, index.html의 내용 그대로 브라우저에서 인식하기 때문에, 검색 엔진들이 읽어갈 내용이 없기 때문인거지?

 

 

 

A1.

네, 맞습니다. 순수한 React로 작성된 페이지는 클라이언트 사이드에서 렌더링되기 때문에, 초기 로드 시 index.html에는 실제 콘텐츠가 포함되어 있지 않습니다. 검색 엔진은 보통 서버에서 전달되는 정적인 HTML 콘텐츠를 크롤링하는데, 클라이언트 사이드에서 동적으로 생성되는 콘텐츠는 인식하지 못할 수 있습니다. 따라서 이러한 방식으로 작성된 React 페이지는 검색 엔진에 노출되지 않을 수 있습니다. 이를 해결하기 위해서는 서버사이드 렌더링(SSR)이나 정적 사이트 생성(SSG)을 사용하여 초기 HTML에 실제 콘텐츠를 포함시키는 방법이 있습니다.

 

 

 

Q2.

그래서 next.js가 나온건가?

 

 

 

A2.

네, 맞습니다. 이러한 문제를 해결하기 위해 Next.js가 개발되었습니다. Next.js는 React 기반의 애플리케이션에서 서버사이드 렌더링(SSR)과 정적 사이트 생성(SSG)을 지원하여 초기 HTML에 실제 콘텐츠를 포함시킵니다. 이를 통해 검색 엔진이 페이지 내용을 제대로 크롤링할 수 있어 SEO를 향상시킬 수 있습니다.

 

순수 React가 상용 서비스에서 불리한 이유 -> 검색 엔진에 노출되는 내용이 저 index.html의 내용뿐이기 때문.