SEO 가 되기 위한 SSR 렌더링 하는 이유

SSR 하는이유

1. 속도 - 서버에서 렌더링을 미리 해서 주기 때문에 속도가 빠르다.

2. SEO - 위와 비슷한 이유인데 속도가 빠를수록 상단에 노출되고 javascript의 경우 페이지를 바꿀경우 시간이 오래걸리는데 google bot이 일정시간 크롤링하는시간이 넘어가게 되면 크롤링을 안하게 되서 검색어에 노출이 되질 않는다.

 

 

저는 next.js 를 이용하여 ssr 을 사용했습니다.

Next.js

https://velog.io/@gwak2837/Next.js-%ED%8E%98%EC%9D%B4%EC%A7%80-%EB%A0%8C%EB%8D%94%EB%A7%81-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B8%B0

Next.js 페이지 렌더링 이해하기

 

 

SSR

https://joshua1988.github.io/vue-camp/nuxt/ssr.html#%E1%84%89%E1%85%A5%E1%84%87%E1%85%A5-%E1%84%89%E1%85%A1%E1%84%8B%E1%85%B5%E1%84%83%E1%85%B3-%E1%84%85%E1%85%A6%E1%86%AB%E1%84%83%E1%85%A5%E1%84%85%E1%85%B5%E1%86%BC%E1%84%8B%E1%85%B3%E1%86%AF-%E1%84%8B%E1%85%AB-%E1%84%8A%E1%85%B3%E1%86%AF%E1%84%81%E1%85%A1

Server Side Rendering | Cracking Vue.js

https://ctdlog.tistory.com/46

[React] 서버 사이드 렌더링(SSR) / 클라이언트 사이드 렌더링(CSR)이란?

 

 

 

 

SEO

https://smartsolar.tistory.com/entry/SPASingle-Page-Application-SEO-%EB%B0%A9%EB%B2%95-%EC%A0%95%EB%A6%AC-by-%EB%B9%84%EA%B0%9C%EB%B0%9C%EC%9E%90

SPA(Single Page Application) SEO 방법 정리 by 비개발자

 

 

자바스크립트 seo (구글 SEO 관련하여 여기 참조)

https://developers.google.com/search/docs/advanced/javascript/javascript-seo-basics

자바스크립트 검색엔진 최적화의 기본사항 이해하기 | Google 검색 센터  |  문서  |  Google Develope