일부 웹사이트에서는 페이지가 브라우저에서 열릴 때 JavaScript가 추가 콘텐츠를 로드합니다.
이를 클라이언트 측 렌더링이라고 합니다. Google 검색에서는 웹사이트의 HTML에 있는 콘텐츠와 함께 이 콘텐츠를 확인합니다. Google 검색에는 JavaScript에 몇 가지 제한사항이 있으며 일부 페이지에서는 렌더링된 HTML에 콘텐츠가 표시되지 않는 문제가 발생할 수 있습니다. 다른 검색엔진은 JavaScript를 무시할 수 있으며 JavaScript 생성 콘텐츠가 표시되지 않습니다.
동적 렌더링은 검색엔진에서 자바스크립트 생성 콘텐츠를 사용할 수 없는 웹사이트가 사용할 수 있는 임시방편입니다.
동적 렌더링 서버는 JavaScript로 생성된 콘텐츠와 관련해 문제가 있을 수 있는 크롤러를 감지하여 이러한 크롤러에는 JavaScript를 사용하지 않고 서버에서 렌더링된 버전을 제공하는 한편 사용자에게는 클라이언트 측 렌더링 버전의 콘텐츠를 표시합니다.
동적 렌더링은 임시방편이며, 상황을 더욱 복잡하게 만들고 추가적인 리소스도 필요하기 때문에 권장되는 해결책이 아닙니다.
동적 렌더링을 사용할 수 있는 사이트
동적 렌더링은 빠르게 변화하며 색인 생성이 가능한 공개 JavaScript 생성 콘텐츠 또는 원하는 크롤러에서 지원하지 않는 JavaScript 기능을 사용하는 콘텐츠에 적용할 수 있는 임시방편입니다. 모든 사이트가 동적 렌더링을 사용해야 하는 것은 아니며, 웹 렌더링 개요에 설명된 것처럼 동적 렌더링보다 더 나은 해결책이 있습니다.
동적 렌더링 작동 방식 이해하기
동적 렌더링을 사용하려면 웹 서버에서 크롤러를 감지해야 합니다(예: 사용자
에이전트 확인). 웹 서버가 JavaScript 또는 콘텐츠 렌더링에 필요한 JavaScript 기능을 지원하지 않는 크롤러의 요청을 식별하면 이 요청은 렌더링 서버로 라우팅됩니다. JavaScript 문제가 없는 사용자 및 크롤러의 요청은 정상적으로 제공됩니다.
렌더링 서버는 크롤러에 적합한 콘텐츠 버전으로 요청에 응답합니다(예: 정적 HTML 버전을 제공할 수 있음).
동적 렌더러는
모든 페이지에 또는 페이지별로 사용하도록 설정할 수 있습니다.
동적 렌더링은 클로킹이 아님
Googlebot은 일반적으로 동적 렌더링을 클로킹으로 간주하지 않습니다.
동적 렌더링이 유사한 콘텐츠를 생성하는 한 Googlebot은 동적 렌더링을 클로킹으로 간주하지 않습니다.
동적 렌더링을 설정하는 동안 사이트에 오류 페이지가 생성될 수 있습니다. Googlebot은 이 오류 페이지를 클로킹으로 간주하지 않으며 오류를 다른 오류 페이지와 마찬가지로 처리합니다.
동적 렌더링을 사용하여 사용자와 크롤러를 대상으로 완전히 다른 콘텐츠를 제공하는 것은 클로킹으로 간주될 수 있습니다.
예를 들어 사용자에게는 고양이와 관련된 페이지를 제공하고 크롤러에는 개와 관련된 페이지를 제공하는 웹사이트는 클로킹입니다.
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2025-02-18(UTC)"],[[["Dynamic rendering was a temporary solution for search engines having trouble accessing JavaScript-generated content, and it is not recommended for long-term use."],["Websites may utilize dynamic rendering to present a server-rendered version of their content to search engine bots while displaying the client-side rendered version to users."],["Modern solutions like server-side rendering, static rendering, or hydration are preferred over dynamic rendering."],["Dynamic rendering is not considered cloaking by Google as long as the content served to bots is similar to that presented to users."],["Websites with rapidly changing JavaScript-generated content or using JavaScript features unsupported by crawlers might have previously used dynamic rendering as a workaround."]]],["Dynamic rendering serves search engine crawlers a server-rendered version of content, while users see client-side rendered content, as a workaround for JavaScript limitations. It detects crawler requests and routes them to a rendering server for static HTML delivery. While not considered cloaking if content is similar, serving entirely different content is. This method is complex and not recommended long-term; server-side, static rendering, or hydration are preferred alternatives. Dynamic rendering was used for public, rapidly changing or incompatible Javascript content.\n"]]