JavaScript SEO에서 발생하는 주요 실수와 그 해결 방법
Google의 Martin Splitt는 최근 JavaScript SEO에서 발생할 수 있는 대표적인 세 가지 실수와 이를 수정하는 방법에 대해 의견을 밝혔습니다. 그는 JavaScript가 구성하는 현대 웹사이트의 특성상 특정 SEO 문제를 이해하고 해결하는 것이 중요하다고 강조했습니다.
첫 번째 문제는 렌더링된 HTML과 소스 HTML 간의 차이에 관한 것입니다. 많은 SEO 전문가들은 웹사이트의 소스 HTML만을 분석하는 경우가 많습니다. 그러나 Google은 JavaScript가 실행된 이후의 렌더링된 HTML을 기준으로 검색 엔진 색인을 생성합니다. 이로 인해 JavaScript가 충분히 실행되지 않은 상태의 소스 HTML만으로는 검색 엔진이 웹사이트 콘텐츠를 제대로 평가하지 못할 수 있습니다. 결과적으로 이는 SEO 성과에 부정적인 영향을 미칠 수 있습니다.
오류 페이지와 상태 코드 처리에서의 문제
두 번째 문제는 오류 페이지와 관련된 상태 코드 처리입니다. 단일 페이지 응용 프로그램(Single Page Application, SPA) 형태의 웹사이트에서는 서버가 잘못된 상태 코드, 즉 200 OK 응답을 반환할 때 문제가 생길 가능성이 있습니다. JavaScript가 아직 오류를 식별하지 못해 200 응답 이후 페이지가 로드되는 경우 Google은 이 오류를 일반 페이지로 잘못 해석합니다. 이는 사용자가 보기에는 오류 페이지이지만 검색 엔진은 정상 페이지로 인식하게 되는 상황을 초래합니다. 이러한 잘못된 색인화는 SEO 작업에 부정적인 영향을 미칠 수밖에 없습니다.
지리적 위치 요청이 SEO에 미치는 영향
세 번째 문제는 사용자 위치 요청과 연관되어 있습니다. 일부 웹사이트는 싱가포르, 미국 등 특정 지역 사용자에게 맞춤 콘텐츠를 제공하기 위해 위치 정보 요청을 사용합니다. 그러나 Googlebot은 모든 위치 요청을 거부하기 때문에, 요청을 처리하지 못한 사이트는 빈 페이지로 나타날 수 있습니다. 이는 색인화에서 중요한 콘텐츠를 놓치게 만들어, 궁극적으로 웹사이트의 검색 순위를 떨어뜨릴 수 있습니다.
문제 해결을 위한 Splitt의 조언
Martin Splitt는 이러한 JavaScript로 인한 SEO 문제를 해결하기 위한 몇 가지 구체적인 전략을 제안했습니다. 첫째, Google Search Console의 URL 검사 도구를 통해 렌더링된 HTML을 확인하여 예상 콘텐츠가 정확히 표시되는지 확인해야 합니다. 둘째, HTTP 상태 코드를 면밀히 검토하고, 오류 페이지가 발생한 경우 적절한 상태 코드가 반환되도록 설정해야 합니다. 셋째, 개발자 도구(Developer Tools)를 활용하여 JavaScript가 올바르게 작동하며 콘텐츠를 추가하고 있는지 확인하는 것도 중요합니다.
향후 SEO 전문가가 갖춰야 할 기술적 역량
Splitt는 더 나아가 SEO 전문가들이 최신 웹 기술을 이해하고 기술적 능력을 강화해야 한다고 강조했습니다. SEO와 관련된 업무는 점점 더 기술적인 요구를 필요로 하고 있으며, 특히 클라이언트 측(JavaScript) 기술에 능통한 전문가가 더욱 중요해지고 있는 상황입니다. SEO 작업의 성공은 기술적 전문성과 최신 도구 활용 능력에 달려 있음을 기억해야 할 것입니다.