JavaScript를 많이 사용하는 웹사이트도 SEO방식은 하나의 웹페이지랑 비슷하다고 인식하는 것이 좋습니다.

자바스크립트로 구성된 페이지 경우에도 타이틀, 메타디스크립션, http상태코드, robots meta태그를 전부 추가해줄 필요가 있는데 일반 웹 페이지와 가장 큰 차이점은 자바스크립에서는 렌더링 과정을 거쳐야만 그 다음 크롤링을 진행할 수 있다는 점입니다.

반대로 렌더링 과정에서 실패하면 크롤은 더이상 수집을 할 수 없다고 판단하여 중도이탈을 한다는 리스크고 있기 때문에 자바스크립트로 구성되어있거나 자바스크립트가 들어있는 페이지들은 반드시 렌더링방식에 신경을 써야합니다.

그럼 렌더링을 어떻게 대처해야하는지에 대한 얘긴데요.

일반적으로 웹사이트에 추가하는 자바스크립트는 다이나믹 렌더링이라고 해서 페이지에 방문하는 유저측의 브라우저에서 렌더링을 하게해서 노출시키는 방식을 사용하는경우가 많습니다.

이렇게 되면 유저의 환경에 따라서 페이지가 표시되기까지 걸리는 시간이 차이가 있을 수가 있어요. 그리고 크롤 또한 같은식으로 이 원인으로 인해서 렌더링이 실패할 수 있는 가능성이 있습니다.

그래서 해결방안은 SSR(서버사이드 렌더링)을 진행하는 것입니다. 이 렌더링방식을 사용하면 html정적페이지를 노출시킬수 있고, 동시에 페이지를 보는 유저측에서 렌더링이 불필요하기 때문에 페이지표시속도 개선에도 도움이 됩니다.