[React] SPA에서 SEO 처리가 필요한 이유

SEO란?

Search Engine Optimization, 검색 엔진 최적화 

검색 엔진에 우리가 만든 페이지가 노출되는 것을 의미, HTML을 가지고 판단한다.

 

CSR은 페이지 로딩 시 빈 HTML이므로 검색엔진봇이 데이터를 수집하기가 어렵다. 

SSR은 각 페이지마다 HTML을 생성하므로 SEO에 유리하다.

 

서버 부담

CSR은 최초 JavaScript 파일을 받아 렌더링을 하면 그 이후에 다시 다운로드해서 렌더링 할 일이 없다.

페이지가 변경되더라도 이미 최초 JavaScript에 필요한 페이지가 다 있으므로 추가로 서버에 요청할 일이 없다.

 

반면 SSR은 화면이 바뀔 때마다 HTML을 서버로부터 매번 받아와야 한다.

 

서버 부담 측면에서는 CSR 방식이 더 유리하다.

---

출처

https://torimaru.tistory.com/41

[React] SPA에서 SEO 처리가 필요한 이유

https://velog.io/@tootb/React-%EC%A0%95%EB%A6%AC-%EB%A0%8C%EB%8D%94%EB%A7%81-CSR-SPA

React 정리: 렌더링, CSR, SPA, Virtual DOM