SEO 용어사전 · 테크니컬 넥스트티 적용

JavaScript SEO

홍은표 · 넥스트티 대표 · SEO/GEO 컨설턴트

React·Vue 같은 JS 프레임워크로 만든 사이트가 검색·AI 봇에 어떻게 보이는지를 설계하는 영역. 서버가 보낸 raw HTML과 JS 실행 후 DOM이 크게 다를 수 있어 렌더링 전략 선택이 핵심이다.

JavaScript SEO는 "JS를 쓰지 말자"가 아니라 봇이 raw HTML 한 번만 봐도 페이지의 핵심을 파악할 수 있는 구조를 만드는 일입니다. 구글 봇은 JS를 실행하지만 렌더 지연·실패 가능성이 있고, 대부분의 AI 봇은 raw 단계만 보는 것이 일반적입니다. 따라서 핵심 콘텐츠·JSON-LD·내부 링크는 서버가 첫 응답에 직접 포함하도록 짭니다.

렌더링 모델은 4가지 — CSR(클라이언트 렌더, SEO에 위험)·SSR(서버 렌더, 안전)·SSG(정적 생성, 최적)·ISR(증분 정적 재생성, 안전). 모든 페이지를 SSR로 만들 필요는 없고, 공개 SEO·GEO 대상 페이지만 SSR/SSG로, 로그인 후 대시보드는 CSR로 두는 분리가 합리적입니다.

흔한 오해 바로잡기

오해 JS를 쓰면 SEO가 안 된다. 사실 구글 봇은 JS를 실행합니다. 다만 렌더 지연·실패 가능성과 AI 봇 대부분은 raw HTML만 본다는 가정이 안전합니다.
오해 모든 페이지를 SSR로 바꾸면 끝. 사실 로그인 대시보드·관리자처럼 SEO 대상 아닌 페이지는 CSR로 충분합니다. 페이지 유형별 분리가 실무.
오해 JSON-LD를 JS로 주입해도 봇이 다 본다. 사실 구글은 렌더 후 인식 가능하다고 안내하지만 보장이 아닙니다. AI 봇은 raw 단계만 보는 경우가 많아 JSON-LD는 서버 응답에 직접 포함이 안전합니다.

왜 SEO에서 중요한가

구글 외 AI 봇은 JS 렌더 능력이 제한적입니다. 핵심 신호가 raw HTML에 들어 있어야 봇 가시성과 답변 인용 가능성이 보존됩니다.

외부 출처 · 더 알아보기

함께 읽기 · 넥스트티 인사이트

JavaScript SEO — CSR·SSR과 AI 봇 가시성 →

← SEO 용어사전 전체 보기 SEO 컨설팅 상담 →