JavaScript의 SEO에 대한 영향과 최적화 방법

SEO分석 및 문제

여러 웹 사이트에 대한 SEO 분석 및 진단을 수행했으며, 가장 직관적인 문제는 WordPress로 구현되어 있기 때문입니다. 프론트 엔드 성능, 코드 최적화 등 내부 최적화 측면에서 매우 부족합니다. 특히 웹 사이트에서 JavaScript의 사용, JS는 최근 SEO 최적화에서 점점 중요한 문제가 되고 있습니다. 비동기로드 및 페이지 상호 작용 추가든, 현재의 웹 사이트는 거의 JS 스크립트를 사용할 수 없습니다. JavaScript 사용을 잘못하면 SEO에 매우 큰 영향을 줄 수 있습니다.

검색 엔진이 JS 처리

간단히 말하면 Google의 크롤링 단계는 전통적인 HTML 페이지를 크롤링할 때 Google 봇이 HTML 페이지를 다운로드하고 소스 코드에서 URL 주소를 추출하여 이러한 URL을 신속하게 방문합니다. 그런 다음 CSS 파일을 다운로드하고 다운로드한 리소스를 Google의 색인 생성기에 제공하여 페이지를 색인화합니다. JavaScript으로 생성된 웹 사이트 내용을 크롤링할 때는 Google 봇이 HTML 페이지를 다운로드하고 소스 코드에서 링크를 찾을 수 없습니다. 왜냐하면 JavaScript가 실행되지 않았기 때문입니다. 그런 다음 CSS 및 JavaScript 파일을 다운로드하고 WRS(렌더러, 색인 생성기의 일부분)를 사용하여 JavaScript를 해석, 컴파일하고 실행하며 외부 API, 데이터베이스에서 데이터를 가져와 색인 생성기가 콘텐츠를 색인화할 수 있습니다. 마지막으로 Google은 새로운 링크를 발견하여 크롤링 대기열에 추가합니다.

중요한 링크는 JS를 사용하지 마세요

검색 엔진은 페이지를 크롤링하고 수집하는 데 링크를 추적하기 위해 의존합니다. 중요한 링크가 JS 스크립트를 실행해야만 호출되거나 해석되어야 한다면, 검색 엔진이 이를 추적할 수 없을 수 있습니다. 링크가 JS를 통해 호출되는 것을 제한하라는 의미는 아닙니다. 사실 때로는 웹 사이트의 공통 하단 부분이 JS로 구현될 수 있습니다. 그러나 중요하며 색인화되길 원하는 페이지는 최소한 가장 일반적인 방법으로 구성되어야 합니다.格式링크를 제공하여 크롤링 진입점을 제공합니다.

필요에 따라로드 및 워터폴 방식 사용을 신중히 고려하십시오.

이미지 및 텍스트 콘텐츠를 필요에 따라로드하는 것은 많은 웹 사이트에서 자주 사용되는 방법으로 페이지 속도 향상에 도움이 됩니다. 그러나 JS를 사용하여 필요에 따라로드를 구현할 때, 사용자 상호 작용이 필요한지 확인해야 합니다. 예를 들어 '더 보기' 링크를 클릭하거나 페이지를 아래로 스크롤하려면 검색 엔진 크롤러는 이러한 동작을 수행하지 않기 때문에 필요에 따른 로드 내용을 볼 수 없습니다. 현재 페이지 콘텐츠 또는 다른 페이지 목록에서 더 많은 내용을 필요에 따라 로드하는 경우 크롤링 및 색인화 문제가 발생할 수 있습니다. 목록 페이지에서 워터폴 방식을 사용하는 것도 많은 웹 사이트의 선택이며 사용자가 이미 익숙해지면 사회적 미디어의 전시를 기본으로 합니다. 그러나 사회적 미디어 웹 사이트는 종종 검색 엔진을 적극적으로 차단하여 색인화되지 않도록 합니다. 웹 사이트 콘텐츠가 충분히 색인화되기를 원한다면 워터폴 방식 사용을 피하고 사용해야 합니다. 워터폴 방식을 사용한다면 검색 엔진이 추적할 수 있는 링크가 있는 다른 진입로를 설계해야 합니다.

웹 페이지가 열리고 응답하는 속도

일반적으로 JS를 사용하면 페이지 열기 및 응답 속도가 느려집니다. JS 파일 다운로드는 큰 문제가 아니지만, 브라우저에서 JS를 실행하는 것이 장치 자원을 많이 소비할 수 있습니다. JS가 몇 초 동안 실행될 수 있으며 스크립트가 차단되어 사용자에게 매우 나쁜 경험을 줄 수 있습니다. 따라서 실행 시간이 너무 긴 JS를 삭제하고 1-2초를 초과하는 스크립트를 주의 깊게 고려해야 합니다. JS 스크립트를 가능한 합병하여 줄이세요.