CSR은 왜 SEO에 불리할까?

리액트에 대한 SPA에 학습하다 SEO 관점에서 불리하다라는 단점이 있다는 내용을 보고 이에 대한 내용을 학습하였다.

먼저 SEO(Search Engine Optimization)란?
검색엔진 최적화는 웹페이지 검색엔진이 자료를 수집하고 순위를 매기는 방식에 맞게 웹 페이지를 구성하여 검색 결과의 상위에 나올 수 있도록 하는 작업을 의미한다

CSR이란
JavaScript를 사용하여 브라우저에서 콘텐츠를 렌더링하는 것

CSR의 작동 방식

CSR 방식에서는 이 번들링이 완료된 js 파일을 모두 로드하기 전에는 첫 페이지를 로드할 수가 없다. 엄연히 말해서 첫 페이지는 이미 로드가 되었지만, 로드된 페이지는 빈 HTML 파일이다.

그렇기에 HTML만 있는 빈문서만 날라온 이후 JS로 페이지를 그려내기 때문에 크롤러가 이를 판단하지 못하기 때문에 SEO에 불리하다라는 말을 하는 것이다.

진실은..

위의 내용만 가지고는 CSR이 SEO에 불리하다라는 것은 반만 정답이라고 할 수 있다.
이런 내용이 나오게 된 이유는 많은 크롤러가 javaScript를 지원하지 않기 때문이다.
하지만 Googlebot크롤러는 ES5+ JS를 지원하기에 CSR은 SEO에 취약하지 않다.
실질적으로 따지면 CSR이 SEO에 불리한 것은 맞지만 SEO가 불가능하다라는 표현은 잘못된 표현이다.