서버사이드 렌더링
Server-Side Rendering
한 줄 정의
페이지 HTML을 서버에서 완성해 응답하는 렌더링 방식으로, 자바스크립트 실행 없이도 봇이 콘텐츠를 그대로 읽을 수 있습니다.
자세히 알아보기
SSR은 사용자가 URL을 요청하면 서버에서 React·Vue 같은 프레임워크를 실행해 완성된 HTML을 돌려주는 방식입니다. 클라이언트 사이드 렌더링(CSR)과 비교했을 때, 봇이 처음 받는 응답에 이미 본문이 들어 있다는 점이 가장 큰 차이입니다.
기술 선택에서 SSR이 다시 주목받는 이유는 두 가지입니다. 하나는 LCP 같은 Core Web Vitals 점수가 자연스럽게 좋아진다는 점, 다른 하나는 GEO 시대에 '자바스크립트 실행 없이 콘텐츠가 읽혀야 한다'는 요구가 강해진다는 점입니다. Next.js, Nuxt, Remix 같은 프레임워크가 SSR을 기본 옵션으로 두는 흐름이 자연스러운 이유입니다.
주의할 점은 SSR도 만능이 아니라는 사실입니다. 캐시 전략이 잘못되면 서버 부하가 폭발하고, 사용자별 동적 콘텐츠가 많으면 인프라 비용이 빠르게 늘어납니다. 정적 생성(SSG)·ISR과 조합해 페이지 유형별로 가장 적합한 렌더 전략을 고르는 게 일반적입니다.
관련 용어
자바스크립트 SEO
JS로 렌더링되는 페이지가 봇에게도 정상적으로 인덱스되도록 SSR·prerender·hydration 전략을 설계하는 영역입니다.
SEO동적 렌더링
사용자에게는 일반 자바스크립트 페이지를, 봇에게는 사전 렌더링된 HTML을 따로 응답하는 우회 방식입니다.
SEO코어 웹 바이탈
구글이 페이지 사용자 경험을 정량 측정하기 위해 정의한 핵심 지표 묶음으로, 로딩·반응성·시각적 안정성 세 축으로 구성됩니다.
SEOLCP·INP·CLS
Core Web Vitals를 구성하는 세 지표로, 페이지의 로딩 속도(LCP), 반응성(INP, 2024년 3월 FID 대체), 시각적 안정성(CLS)을 각각 측정합니다.
SEO크롤링 가능성
검색 엔진 크롤러가 사이트의 페이지에 얼마나 잘 접근하고 따라갈 수 있는지를 의미하며, 인덱싱의 전제 조건입니다.
우리 브랜드는 AI 답변에 어떻게 등장하고 있을까요?
Villion은 ChatGPT·Perplexity·AI Overview에서 브랜드 인용 현황을 진단하고, 인용률과 언급 점유율을 끌어올리는 작업을 자동화합니다.
무료 진단 받기