개별 페이지 또는 전체 사이트에서 SEO 문제를 디버그하는 방법
Google은 Google 검색에서 JavaScript SEO 문제를 디버그하는 데 도움이 되는 여러 도구를 제공합니다. 이 가이드에서는 사용 가능한 도구에 대한 개요와 각 도구를 사용해야 하는 경우에 대한 제안을 제공합니다.
Lighthouse로 기본 SEO 문제 찾기
첫 번째 조사에는 Lighthouse를 사용하세요. 다양한 SEO 감사가 제공됩니다.
Lighthouse SEO 감사는 웹사이트의 단일 페이지에 대한 매우 기본적인 첫 번째 검사입니다. 가장 일반적인 실수를 포착하고 검색엔진 검색 가능성 측면에서 웹사이트가 어떤 상태인지에 대한 첫인상을 제공합니다. Lighthouse는 브라우저에서 실행되며, 이는 Googlebot이 웹페이지를 보는 방식을 정확하게 반영하지 않습니다. 예를 들어 브라우저 (및 Lighthouse)는 robots.txt를 사용하여 네트워크에서 리소스를 가져올 수 있는지 결정하지 않지만 Googlebot은 사용합니다. 따라서 Lighthouse에서 잠재적인 문제를 식별하면 이를 수정해야 하지만 문제를 추가로 디버그하려면 다른 도구를 사용해야 할 수도 있습니다.
Google 검색 테스트 도구로 페이지 유효성 검사
Google 검색에서는 Googlebot이 웹 콘텐츠를 보는 방식을 테스트하는 도구 모음을 제공합니다.
다음 도구 중 일부는 개발 환경에서 테스트할 때 특히 유용합니다.
- 모바일 친화성 테스트는 페이지가 모바일 친화적인지 확인합니다. 이는 2015년부터 Google 검색 순위 신호로 사용되어 왔습니다.
- 리치 결과 테스트는 페이지에서 제공하는 구조화된 데이터를 기반으로 페이지가 리치 결과를 표시할 수 있는지 확인합니다.
- AMP 테스트는 AMP HTML의 유효성을 검사합니다.
local-tunnel 또는 ngrok과 같은 도구와 함께 사용하면 로컬 개발 환경에서 임시 공개 URL을 만들고 Google 테스트 도구로 테스트하는 동안 빠르게 반복할 수 있습니다.
이러한 테스트 도구는 다음과 같은 여러 유용한 정보를 제공합니다.
- Googlebot이 색인 생성에 사용할 렌더링된 HTML
- 로드된 리소스의 개요 및 리소스를 로드할 수 없는 이유에 관한 설명
- 스택 트레이스가 포함된 콘솔 로그 메시지 및 JavaScript 오류
Google Search Console URL 검사 도구를 사용하면 페이지 상태에 관한 자세한 정보를 확인할 수도 있습니다.
여기에서 다음을 확인할 수 있습니다.
- URL이 Google 검색 색인에 있거나 향후 색인이 생성될 수 있는 경우
- 최근 크롤링에서 렌더링된 HTML의 모양
- 페이지를 새로 크롤링할 때 렌더링된 HTML의 모습
- 페이지 리소스에 관한 정보
- 스택 트레이스가 있는 JavaScript 로그 메시지 및 오류
- 스크린샷
- 모바일 사용 편의성 문제
- 페이지에서 감지된 구조화된 데이터와 유효성 여부
이러한 도구를 사용하면 대부분의 문제를 파악하고 해결할 수 있습니다. Google 검색에서는 문제의 원인을 파악한 후 취해야 할 조치에 관한 자세한 안내를 제공하는 Google 검색 관련 JavaScript 문제 해결 문서도 제공합니다.
Google Search Console로 사이트 상태 조사하기
지난 섹션의 도구는 웹사이트의 한 페이지에서 특정 문제를 해결하는 데 유용하지만 전체 웹사이트를 더 잘 살펴보려면 Google Search Console을 사용하세요.
노출 범위 보고서
범위 보고서에는 웹사이트의 색인이 생성된 페이지와 문제가 있는 페이지가 표시됩니다.
Core Web Vitals 보고서
Core Web Vitals 보고서를 사용하면 Core Web Vitals 측면에서 웹사이트의 페이지가 어떤 실적을 내고 있는지 개요를 파악할 수 있습니다.
이러한 도구를 개발자 도구의 일부로 만들기
이 도움말에서는 게시하기 전에 페이지를 테스트하는 것부터 Google 검색에서 웹사이트의 검색 가능성을 투명하게 보여주는 실시간 웹사이트의 페이지를 모니터링하는 것까지 다양한 목적을 위한 일련의 도구를 살펴봤습니다. 이러한 도구 중 일부는 개발 도구 키트의 유용한 부분이 될 수 있고, 다른 도구는 문제의 원인을 파악하고 영향을 받는 페이지를 수정하는 임시 도구에 더 가깝습니다. 개발자용 Google 검색 또는 JavaScript 검색엔진 최적화에 대해 자세히 알아보려면 공식 개발자용 Google 검색 문서를 확인하세요.