자바스크립트 SEO(JS SEO)란 무엇인가?
클라이언트 사이드 렌더링(CSR) 기반의 React, Vue 앱은 구글봇이 접근했을 때 빈 화면(div id="root")만 보일 위험이 있습니다.
💡 핵심 마케팅 & SEO 용어 사전 (Glossary)
- JS SEO (JavaScript SEO): 자바스크립트로 구축된 모던 프론트엔드 웹 앱이 검색엔진 크롤러봇에게 지연 없이 잘 읽히도록 렌더링 아키텍처를 최적화하는 기술.
- CSR (Client-Side Rendering): 브라우저에서 자바스크립트를 다 다운로드받은 후 비동기로 화면을 그리는 렌더링 방식.
- SSR (Server-Side Rendering): 서버(Cloudflare Workers/Next.js)에서 미리 완성된 HTML을 생성하여 브라우저에 즉시 응답을 전송하는 방식.
- WRS (Web Rendering Service): 구글 검색엔진 내부에서 자바스크립트를 실제 브라우저처럼 실행해 보고 화면을 파싱하는 전용 렌더링 서비스 엔진.
JS SEO 체크리스트
- [ ] 자바스크립트를 비활성화(Disable JS)해도 주요 텍스트와 링크가 보이는가?
- [ ] View Source(소스 보기) 실행 시 H1 제목과 본문 내용이 HTML에 들어있는가?
- [ ] Fetch & Render 도구에서 구글봇 렌더링 스크린샷이 깨지지 않는가?