Table of Contents
AJAX
정의
AJAX(Asynchronous JavaScript and XML)는 웹페이지 전체를 새로고침하지 않고,
필요한 데이터만 비동기적으로 서버와 주고받아 페이지 일부를 실시간으로 갱신하는 기술이다.
즉, 사용자 경험을 매끄럽게 하면서 서버와 빠르게 통신하는 핵심 방식이다.
실전 SEO 관점
| 항목 | 설명 |
|---|---|
| SEO 문제 | AJAX로 로드되는 콘텐츠는 구글봇이 제대로 인식하지 못하는 경우가 있다. (특히 JS 렌더링 실패 시) |
| 크롤링 문제 | 서버사이드 렌더링(SSR)이 없으면, 구글이 본문 내용을 읽지 못해 인덱싱 누락 가능성 |
| 사용자 경험 | 페이지 속도와 반응성이 향상되어, SEO 품질 평가(Core Web Vitals)에는 긍정적 영향 |
| 처리 방법 | AJAX로 로드된 주요 콘텐츠는 반드시 SSR(서버 렌더링) 또는 구글용 프리렌더링 처리가 필요하다. |
실전 대응 전략
-
중요 콘텐츠는 서버사이드 렌더링(SSR)
-
구글은 JS 렌더링을 시도하지만 실패할 확률이 존재하므로,
중요한 텍스트/링크/메타정보는 페이지 소스에 바로 존재하게 만들어야 한다.
-
-
Dynamic Rendering 적용
-
사용자에겐 AJAX, 크롤러에겐 렌더링된 HTML을 제공하는 방식(구글 공식 인정)
-
예: Prerender.io 같은 솔루션 사용
-
-
PushState 및 History API 활용
-
AJAX 기반 사이트라도 URL이 정상적으로 바뀌어야 구글이 다른 페이지로 인식한다.
-
URL 없이 콘텐츠만 바뀌면 SEO 신호가 사라진다.
-
-
핵심 콘텐츠는 초기 로딩에 포함
-
처음 페이지 로딩 시 중요한 요소(본문, 주요 링크 등)를 모두 함께 출력해야 한다.
-
요약 문장
AJAX는 웹페이지를 비동기 갱신해 사용자 경험을 높이는 기술이지만,
SEO를 위해 주요 콘텐츠는 서버사이드 렌더링 처리하거나 동적 렌더링으로 크롤링 최적화를 해야 합니다.
✅ 실전 추가 Tip
-
AJAX로 만들어진 사이트는 꼭 구글 Search Console의
URL 검사 도구로 “렌더링 결과 미리보기”를 테스트하여,
실제 구글봇이 콘텐츠를 인식하는지 직접 확인해야 한다.
