[코드캠프 8주차]SEO (CSR, SSR, SSG)

민범기·2022년 5월 6일
0

[SEO]

SEO는 검색엔진 최적화 라는 말이다.
검색엔진은 구글이나, 네이버에서 검색하면 흔히 검색할때 뜨이는 사이트 들이 있는데, 유저가 검색한 사이트에 대한 서칭을 가능하도록 하는 엔진이다.
보통은 HTML을 보고 읽어서 검색엔진에서 중요한 글이나 내용을 서칭한다.
SEO 최적화를 하려면 SSR을 사용하여 검색엔진에 해당 중요 내용을 노출 시키기도 한다.

[SEO-CSR]

SEO에서 CSR은 검색엔진에 최적화에 맞게 할 수도 있지만, 그렇게 작업을 하려면 작업 과정이 매우 복잡하다. 리액트에서는 CSR로 동작하기 때문에 HTML 파일을 검색엔진이 서칭할때 HTML 파일은 전부 빈 상태로 브라우저에서 인식 하기 때문에 SEO 최적화에 좋지 않다.

[SEO-SSR]

SEO 에서 SSR은 검색엔진에 최적화 될 수 있다.
검색엔진은 HTML을 기준으로 하기 때문에 직접 서버에서로 부터 받는 HTML 파일은 전부 초기값이 전부 들어가 있는 상태로 렌더링이 되어서 보여진다.
미리 서버로 부터 HTML 파일을 받아서 화면에 렌더링 해주기 때문에 HTML 파일을 SSR로 통해 쉽게 검색엔진에 노출이 될수 있으며 태그가 매우 중요한 역할을 한다.

[SEO-SSG]

SSR처럼 서버로부터 완성된 HTML을 받아오지만, 다른 점은 HTML 파일의 생성시점이 빌드 타임이라는 것이다. Static이라는 용어가 들어간 것은 HTML이 정적이라는 것이지 페이지가 정적이라는게 아니므로 오해하지 말아야 한다.

profile
프론트엔드 개발 지망생 민범기입니다^^

0개의 댓글