내 AngularJS 응용 프로그램의 Google 색인 생성

Question

Google에서 블로그 게시물을 작성하여 자바 스크립트 응용 프로그램을 색인하고 있습니다. 그러나 AngularJS Application www.fore-cite.com은 색인이 생성되지 않은 것으로 보입니다. 색인 생성을 가능하게하고 콘텐츠를 검색 가능하게하기 위해해야 ​​할 특별한 것이 있습니까?

Answer 1

Google 크롤러는 크롤링하는 페이지에서 javascript를 실행합니다. AngularJS를 사용하면 응용 프로그램이 제대로 크롤링되고 색인이 생성되도록 몇 가지 단계를 수행해야합니다.

HTML5 모드

You must use html5 mode.

웹 서버 설정

존재하지 않는 디렉토리에 요청 된 index.html에 다시 얻을 수 있도록 HTML5 모드 당신은 당신의 웹 서버를 구성해야 제대로 작동하려면 .

구글이 제대로 AngularJS와 링크를 따르지 않는

사이트 맵 그러므로 당신이 당신의 경로의 모든 맵을 작성해야합니다, 아직 애플 리케이션. 이것은 고통스러운 것처럼 들리지만 적절한 빌드 프로세스를 통해 매우 자동화 된 프로세스가 될 수 있습니다. (단숨에, 툴툴 등)

단점 물론

에만 구글 크롤러에 적용된다. 같은 빙 같은 다른 검색 크롤러는 자바 스크립트 애플리케이션을 지원하지만, 이것은 1 ~ 2 년에 걸쳐 변경되면 나는 놀라지 않을 것이다 불구하고 (아직하지 않은 경우.)

기타 고려하지 않을 수 있습니다

일반적으로

하나 앵귤러 앱 색인 생성에서 놓친 문제는 버튼을 클릭 한 후 표시되는 페이지 매김 및 내용과 같은 것입니다. 이러한 동작으로 인해 URL이 변경되지 않으면 Google에서 크롤링하지 않습니다. 예를 들어 페이지 매김을 사용하는 표가있는 페이지가 있고 페이지가 3 페이지라고 가정 해 보겠습니다. 각 페이지의 URL 경로가 다르면 (예 : /table/page/1) /table/page/2/table/page/3

Answer 2

Google은 첫 번째 페이지 만 크롤링합니다. 요즘에는 AngularJS로 좋은 SEO를 얻지 못할 것입니다.

첫 번째 것은 페이지를 크롤링하는 것입니다. 간단한 JS 색인 생성 실험 this을 참조하십시오.

사이트를 진단하기 위해 Googlebot에서 사용하는 Chrome 41을 사용하여 JS 페이지를 색인 할 수 있습니다. this을 참조하십시오.