한 줄 정의
SSR(Server-Side Rendering)은 서버에서 완성된 HTML을 내려보내는 방식, CSR(Client-Side Rendering)은 브라우저에서 JavaScript로 콘텐츠를 그리는 방식입니다. 다수의 AI 크롤러는 JavaScript를 실행하지 않거나 제한적으로 실행하므로, CSR 전용 페이지는 AI에게 빈 페이지로 보일 수 있습니다.
AI 크롤러와 JavaScript
Googlebot은 JavaScript 렌더링을 지원하지만, GPTBot·PerplexityBot 등 AI 전용 크롤러 다수는 초기 HTML 응답만 읽는 것으로 관찰됩니다. 콘텐츠가 JavaScript 실행 후에만 나타난다면, 그 콘텐츠는 AI의 답변 재료 후보에서 빠질 수 있습니다. 콘텐츠가 아무리 좋아도 크롤러가 읽지 못하면 인용은 불가능합니다.
AEO 관점의 렌더링 전략
렌더링 방식 점검 체크리스트입니다.
- 핵심 콘텐츠(정의·가격·FAQ)는 초기 HTML에 포함 (SSR/SSG)
- JavaScript 비활성 상태에서 페이지를 열어 콘텐츠 노출 확인
- 탭·아코디언 등 인터랙션 뒤에 숨은 콘텐츠도 DOM에는 존재하도록
- 프리렌더링·하이브리드 렌더링으로 CSR 앱의 크롤러 대응
예시로 쉽게 이해하기
가격 페이지가 JavaScript 실행 후에만 요금표를 그리는 CSR 구조라면, AI 크롤러가 받는 초기 HTML에는 빈 껍데기만 있을 수 있습니다. 사람 눈에는 완벽한 페이지가 AI에게는 "가격 정보 없음"으로 보이는 것 — 그 결과 AI는 오래된 외부 글의 가격을 인용하게 됩니다.
AEO 시대 활용 전략
- 1JavaScript를 끄고 핵심 페이지를 열어 무엇이 보이는지 직접 확인하세요.
- 2정의·가격·FAQ 같은 인용 타깃 콘텐츠는 SSR/SSG로 초기 HTML에 포함하세요.
- 3탭·아코디언 뒤의 콘텐츠도 DOM에는 항상 존재하도록 구현하세요.