봇 친숙한 아약스 페이지

Question

지금 저는 아늑한 아약스 포트폴리오를 코딩하려고합니다. 내 목표는 자바 스크립트 효과를 사용자에게 제공하고 일반 HTML을 js없이 봇/사용자에게 제공하는 것입니다.

파일 :

• 의 index.php (내 프로그램의 시작 지점)
• aboutme.php는 ("나에 대해"에 대한 HTML 코드를 포함)
• contact.php는 ("에 대한 html 코드를 포함 > 로딩 애니메이션이 나타납니다 - "내 정보"에

  사용자의 index.php 방문 및 클릭

아이디어) "연락 s -> aboutme.php는 ajax로로드됩니다 -> history.pushstate는 URL을 aboutme.php로 다시 씁니다.

-> 사용자가 fb/twitter/g +에서 현재 웹 사이트 URL을 공유하면 봇은 올바른 제목, 본문 등을 얻습니다. 자바 스크립트가없는 일반 HTML 페이지이기 때문입니다.

내 문제는 : 다른 사용자가 해당 페이지를 열면 직접 콘텐츠를 볼 수 있습니다. 그러나 데이터에 아약스가로드 될 때까지로드 애니메이션을 먼저 표시하고 싶습니다 (링크를 클릭 할 때와 유사).

어떻게 이러한 접근 방식을 얻을 수 있습니까? 고마워요!

Answer 1

가장 좋은 방법은 자바 스크립트 파일을 만드는 것입니다. "머리"부분에 링크 태그를 작성하십시오. 이렇게하면 내용 앞에 자바 스크립트 파일이 다운로드됩니다. Javascript는 애니메이션을 보여 주지만 동시에 브라우저는 백그라운드에서 이미 콘텐츠를 다운로드합니다. "문서 준비"이벤트에서 애니메이션을 중지하십시오.

이렇게하면 봇이 직접 콘텐츠에 액세스 할 수 있습니다. 때문에 자바 스크립트 그들을 위해 작동하지 않습니다.

Answer 2

나는 전혀 문제가되지 않는다고 생각합니다. 평소대로 링크의 href를 유지 한 다음 JavaScript 또는 jQuery를 사용하여 링크를 클릭하면 링크 된 내용을 ajax로로드하는 기본 동작을 변경합니다.

Answer 3

Ajax 콘텐츠를 크롤링 할 수 있도록하려면 https://developers.google.com/webmasters/ajax-crawling/을 참조하십시오. Bing도이 기능을 지원합니다. 또는 HTML5 pushState를 사용, 참조 http://www.seomoz.org/blog/create-crawlable-link-friendly-ajax-websites-using-pushstate, https://github.com/blog/760-the-tree-slider 등

Answer 4

난 항상이 그 가치 (일반적으로)보다 더 많은 노력 생각했지만, 귀하의 질문에 대답 : aboutme.php

의 index.php를, contect.php는 전체 HTML을 제공해야합니다. 특정 링크는 js 이벤트 핸들러가 클릭을 가로 채고 aboutme.php을로드하는 대신 백그라운드에서 aboutme-content-only.php을로드합니다. 그런 다음 dom 및 푸시 상태 등을 업데이트하십시오.

이렇게하면 처음 방문자 인 사용자는 물론 브라우저가 푸시 상태 또는 자바 스크립트를 지원하지 않는 사용자도 사이트가 쉽게 손상 될 수 있습니다.