AJAX 사이트 및 동적 HTML 캔버스에 대한 SEO 최적화

Question

AJAX를 사용하여 Last.fm 데이터베이스를 쿼리 한 다음 HTML 캔버스에 결과 그래프를 동적으로 그려주는 사이트가 있습니다. 검색 기능에서 window.location.hash를 검색 매개 변수로 설정하는 명령이 있습니다. 또한 URL에 해시가 제공되었는지 확인한 다음 페이지가 생성되는지 확인하는 기능도 있습니다.

예를 들어 http://www.thenlistento.com/#!/led+zeppelin은 Led Zeppelin의 검색 페이지로 자동 이동합니다.

제 질문은 SEO를 위해이 설정을 최적화하는 방법입니다. 전혀 끝낼 수 있습니까? Google 웹 마스터 문서를 살펴본 후 해시 방 프로토콜을 읽었지만 상황에 적용하는 방법을 완전히 알지 못했습니다. 아니면 할 수 있습니다.

어떤 도움이나 제안이라도 대단히 감사하겠습니다. 사이트에

링크 : 어떤 스타일 시트없이 사이트를 방문하여 http://www.thenlistento.com

Answer 1

시작.

코드가 멋지고 깨끗합니다.

모든 링크가 somepage.php/.html 등이 아닌 #으로 표시됩니다. 내가 SEO에 참여한 이후로 오랜 시간이 걸렸지 만, 정확하게 기억한다면 # 링크가 새 페이지로가는 링크보다 순위가 낮습니다 .

또한 모든 오류 텍스트는 스타일을 지정하지 않아도 페이지에 표시되며 일부 스파이더는 텍스트를 숨기고 있다고 생각하면 낮은 순위를 지정합니다.

메타 태그/설명이 포함되어 있습니다 (아직 PR에 영향을 줄 경우 논쟁의 여지가 있지만).

Google 웹 마스터가 언급되어 있으므로 색인 생성을 위해 사이트를 제출했다고 가정합니다.

robot.txt 파일이 있습니다.

지금까지 모든 것을 올바르게 수행했습니다. 나는 당신의 연결 건물에 시작할 시간다는 것을 말할 것입니다; 더 높은 순위의 관련 사이트에서 귀하의 사이트로 연결됩니다.

Answer 2

phantomjs를 사용하여 서버 측에서 크롤러 버전을 제공하고, phantomjs가 페이지를 렌더링하고 페이지가 렌더링 될 때까지 기다렸다가 최종 HTML을 얻을 수 있으므로 크롤러에 유용합니다.

내 솔루션을 참조하십시오 : https://github.com/liuwenchao/ajax-seo, 캔버스가 내 솔루션으로 완전히 생성되는지 확실하지 않아 일부 추가 작업이 여전히 필요할 수도 있습니다. 내 저장소를 포크로 만들 수 있습니다.