JavaScript SEO의 주요 문제와 해결책
Google의 Martin Splitt는 JavaScript SEO에서 흔히 발생하는 문제들과 이를 해결할 방법에 대해 심층적으로 설명했습니다. JavaScript와 관련된 문제는 검색 엔진 최적화(SEO)에 영향을 미칠 수 있어 제대로 이해하고 대응하는 것이 중요합니다.
렌더링 HTML과 검색 엔진 색인화
대부분의 SEO 전문가들은 여전히 원본 소스 코드를 기준으로 작업하는 경향이 있습니다. 하지만 Google은 웹사이트를 크롤링하고 색인화할 때 JavaScript가 실행된 이후의 렌더링된 HTML을 활용합니다. 즉, JavaScript로 업데이트된 최종 페이지 상태를 고려하지 않는다면, 중요한 콘텐츠가 검색 엔진에 노출되지 않을 가능성이 있습니다.
오류 페이지 문제
많은 JavaScript 기반 웹사이트는 404와 같은 오류 페이지에서 잘못된 HTTP 상태 코드(예: 200)을 반환하는 경우가 있습니다. 이는 서버가 페이지 요청에 명확한 응답을 주지 못하기 때문입니다. 서버 측 설정을 정확히 해 이러한 문제가 발생하지 않도록 해야 하며, 이는 특히 단일 페이지 애플리케이션(SPA)에서 중요한 부분으로 지적됩니다.
지리적 위치 요청에 따른 문제
웹사이트가 사용자에게 지리적 위치와 같은 권한 요청을 요구하는 경우, Googlebot은 이에 응답하지 않습니다. 만약 요청에 대해 대체 콘텐츠를 제공하지 않는다면, 이는 빈 페이지로 처리될 수 있으며 SEO에 부정적인 영향을 미칠 수 있습니다. 요구 사항이 있다면 권한 요청이 없어도 작동할 수 있는 콘텐츠를 제공해야 합니다.
JavaScript 디버깅 방안
Splitt는 SEO 성과를 높이기 위한 JavaScript 디버깅 방법도 제안했습니다.
- Search Console 활용: URL 검사 도구를 통해 렌더링된 HTML을 확인하고 오류를 추적하세요.
- 콘텐츠 검증: JavaScript 실행 후의 실제 콘텐츠가 예측과 일치하는지 확인이 필요합니다.
- HTTP 코드 검토: '상세 정보' 및 '리소스' 섹션을 활용해 적절한 상태 코드를 확인하세요.
- 브라우저 개발자 도구 활용: 각종 JavaScript와 관련된 에러를 점검할 수 있습니다.
기술 협업의 필요성
마지막으로 Splitt는 SEO 전문가들이 클라이언트 측 기술에 대한 이해를 넓히고, 개발자와 협력해 페이지 성능을 최대한 활용할 것을 권장했습니다. JavaScript의 광범위한 사용이 현대 웹 환경에서 표준이 되었기 때문에, 이를 제대로 다루는 능력이 앞으로 더욱 중요해질 전망입니다.
출처 : 원문 보러가기
