Skip to main content

동적 렌더링

TL;DR;

동적 렌더링은 웹 페이지의 다른 HTML 정적 버전을 로봇에 제공하여 Javascript를 사용하는 웹 사이트의 크롤링문제를 해결하는 프로세스입니다.

동적 렌더링이란 무엇입니까?

동적 렌더링은 고급 웹 사이트 개발자를 위한 주제이며 초보자나 웹 사이트 소유자 및 고급 수준 이하의 기술 수준을 가진 기업가에게 권장하는 절차가 아닙니다. 즉, 동적 렌더링은 JavaScript를 사용하는 웹 사이트의 잠재적인 크롤링문제를 해결하기 위해 개발된 프로세스입니다. 대부분의 최신 웹 사이트는 정적 콘텐츠만 사용하지 않습니다. Javascript는 사용자가 웹페이지 빌더를 사용할 때 웹사이트에 추가하는 대부분의 템플릿, 플러그인 및 확장에서 사용하는 코드에 포함되어 있습니다.

불행히도 Javascript는 웹 크롤러가 읽고 해석하기 어려울 수 있습니다. 웹사이트를 Google Search Console 계정에 연결했다면 URL 검사를 수행하여 크롤러가 웹페이지를 어떻게 보는지 확인할 수 있습니다. Javascript로 인해 일부 콘텐츠가 제대로 표시되지 않는 웹 페이지를 접하는 것은 그리 드문 일이 아닙니다. 이는 모두 사용 중인 웹 구축 플랫폼과 템플릿 및 플러그인 작동 방식에 따라 다릅니다. 이 경우 동적 렌더링을 사용하여 원본 버전 대신 크롤러에 제공할 페이지의 정적 HTML 버전을 만들 수 있습니다.

Google에서 동적 렌더링을 허용합니까?

크롤러와 사용자가 동일한 콘텐츠를 볼 수 없기 때문에 언뜻 보면 동적 렌더링이 검은 모자기술처럼 보일 수 있습니다. 웹 개발자가 이를 남용하면 웹 크롤러를 속이려는 경우가 발생할 수 있습니다. 그러나 페이지의 두 버전에 있는 콘텐츠가 유사한 경우 해당 웹사이트는 불이익을 받을 위험이 없습니다. 따라서 동적 렌더링이 허용될 뿐만 아니라 Google에서 크롤링해야 하는 콘텐츠를 더 빠르고 더 잘 이해하는 데 도움이 되므로 경우에 따라 권장되기도 합니다.

먼저 동적 렌더링이 필요한지 여부를 조사해야 합니다. URL이 올바르게 크롤링되고 있다면 추가할 필요가 없습니다. 필요한 경우 동적 렌더링을 구현하기 위해 전문가의 서비스를 사용하는 것이 좋습니다. Google 개발자 페이지에서 자세히 알아보세요.