웹페이지 제목을 실시간으로 업데이트하는 방법은 무엇입니까?

Question

각 탭에는 서로 다른 콘텐츠가 표시되는 탭 집합을 구현하는 웹페이지가 있습니다. 탭을 클릭하면 페이지가 새로 고쳐지지 않지만 클라이언트 측의 콘텐츠가 숨겨지거나 표시됩니다.

이제 페이지에서 선택한 탭을 기반으로 페이지 제목을 변경해야 한다는 요구 사항이 있습니다(SEO 이유로). 이것이 가능한가? 누군가 페이지를 다시 로드하지 않고 자바스크립트를 통해 페이지 제목을 동적으로 수정하는 솔루션을 제공할 수 있습니까?

Answer 1

미래에서 인사드리고 싶습니다 :) 최근 근황:

1. 이제 Google은 귀하의 웹사이트에서 자바스크립트 코드를 실행할 수 있습니다¹
2. 이제 사람들은 React.js, Ember 및 Angular와 같은 도구를 사용하여 페이지에서 복잡한 자바스크립트 작업을 실행하고 Google은 여전히 ​​해당 작업에 대한 색인을 생성할 수 있습니다¹
3. html5의 기록 API(pushState, React-router, ember, angle)를 사용하여 열려는 각 탭에 대해 별도의 URL을 설정할 수 있으며 Google에서 해당 URL을 색인화합니다¹

따라서 질문에 대답하려면 자바스크립트를 통해 제목과 기타 메타 태그를 안전하게 변경할 수 있습니다(Google이 아닌 검색 엔진을 지원하려면 https://prerender.io와 같은 것을 추가할 수도 있음). 별도의 URL로 액세스할 수 있습니다(그렇지 않으면 Google에서 해당 페이지가 서로 다른 페이지임을 어떻게 인식하고 검색결과에 표시합니까?). 사용자가 무언가를 클릭한 후 SEO 관련 태그를 변경하는 것은 간단합니다:

으아악

Robots.txt에서 CSS와 자바스크립트가 로드되는 것을 차단하지 않았는지 확인하고 Google 웹마스터 도구에서 Fetch as Google 서비스를 사용할 수 있습니다.

1: http://searchengineland.com/tested-googlebot-crawls-javascript-heres-learned-220157

Answer 2

UPDATE: SearchEngineLand에 대한 댓글과 참조를 기반으로 대부분의 웹 크롤러는 업데이트된 제목을 색인화합니다. 아래 답변은 오래되었지만 코드는 여전히 적용됩니다.