구글 검색센터는 동적 렌더링 사용에 대한 기술문서를 업데이트했습니다.
구글은 동적 렌더링 사용을 추천하지 않고, 다른 방법을 활용하도록 권장하고있습니다.
이것은 일시적인 해결책이며 Google 검색 크롤링 및 인덱싱 문제에 대한 중장기적인 해결책이 아닙니다.
구글은 항상 이것이 일시적인 해결책이라고 언급하였지만, 웹과 크롤링 기술의 발전으로, 개발자, 웹마스터, 그리고 SEO 전문가들에게 동적 렌더링을 사용하지 않도록 더 강하게 권장하고 있습니다.
동적 렌더링이란
동적 렌더링은 자바스크립트를 사용하는 웹 사이트의 잠재적인 크롤링 문제를 해결하기 위해 개발된 프로세스입니다. 정적 콘텐츠만 사용하지 않습니다. 자바스크립트는 사용자가 웹페이지 빌더를 사용할 때 웹사이트에 추가하는 대부분의 템플릿, 플러그인 및 확장에서 사용하는 코드에 포함되어 있습니다.
구글은 동적 렌더링이란 “특정 사용자 에이전트를 위해 클라이언트 측에서 렌더링된 콘텐츠와 미리 렌더링된 콘텐츠를 전환하는 것”을 의미합니다.
Google은 페이지의 HTML 버전을 제공하고 사용자는 JavaScript 버전을 제공할 수 있습니다. 구글은 “현재 자바스크립트를 처리하는 것이 어렵고 모든 검색 크롤러가 성공적으로 처리할 수 있는 것은 아닙니다” 라고 밝히고 있습니다.
구글은 이 문제가 최종적으로 해결되기를 바란다고 말했지만, “그동안 우리(구글)는 이 문제에 대한 일시적인 해결책으로 동적 렌더링을 추천한다”라고 말해왔습니다. 따라서 AJAX 크롤링 스키마가 더 이상 필요하지 않게 되면서 이 솔루션은 사라질 수 있습니다.
변경 사항
Google은 동적 렌더링 도움말 문서 업데이트를 통해 동적 렌더링은 검색 엔진의 JavaScript 생성 콘텐츠 문제에 대한 장기적인 해결책이 아닙니다. 대신 서버 측 렌더링 , 정적 렌더링 및 하이드레이션 을 솔루션으로 사용하는 것이 좋습니다.
Google은 또한 다음 섹션을 페이지 상단에 추가하고 업데이트했습니다.
일부 웹사이트에서 JavaScript는 브라우저에서 실행될 때 페이지에 추가 콘텐츠를 생성합니다. 이것을 클라이언트 측 렌더링 이라고 합니다. Google 검색은 JavaScript를 실행하지만 Google 검색에는 JavaScript 기능이 제한되어 있으며 일부 페이지에서는 렌더링된 HTML에 콘텐츠가 표시되지 않는 문제가 발생할 수 있습니다. 다른 검색 엔진은 JavaScript를 무시하도록 선택할 수 있으며 JavaScript 생성 콘텐츠를 볼 수 없습니다.
동적 렌더링은 JavaScript 생성 콘텐츠를 검색 엔진에서 사용할 수 없는 웹 사이트에 대한 일시적인 해결 방법입니다. 동적 렌더링 서버는 JavaScript 생성 콘텐츠에 문제가 있을 수 있는 봇을 감지하고 이러한 봇에 JavaScript가 없는 서버 렌더링 버전을 제공하는 동시에 콘텐츠의 클라이언트 측 렌더링 버전을 사용자에게 표시합니다.
동적 렌더링은 추가 복잡성과 리소스 요구 사항을 생성하기 때문에 해결 방법이며 권장되는 솔루션이 아닙니다.
스크린샷
렌더링 용어
SSR : 서버사이드 렌더링 – 서버의 HTML로 렌더링.
CSR : 클라이언트 사이드 렌더링 – 브라우저에서 애플리케이션을 렌더링. 일반적으로 DOM을 사용.
Refydration : 클라이언트가 서버에서 렌더링한 HTML의 DOM 트리와 데이터를 재사용하도록 자바스크립트 뷰를 부팅.
Prerendering : 빌드 타임에 클라이언트측 애플리케이션을 실행하여 초기 상태를 정적 HTML로 캡쳐.
동적 렌더링은 다른 방법이 없을 때의 최종 수단으로
동적 렌더링을 사용 중이거나 향후에도 개발을 고려하고 있다면 서버 측 렌더링이나 정적 렌더링 또는 하이드레이션을 대안으로 사용해 보세요.
참조: Barry Schwartz, 서치엔진랜드 편집자
