SEO 친화적 인 동적 콘텐츠?

Question

그래서 저는 전형적인 웹 페이지 - 메뉴 컨테이너와 컨텐츠 컨테이너를 만드는 과정에 있습니다. 다양한 콘텐트는 다소 복잡하고 다양한 하위 섹션이 있으므로 개별 HTML 파일로 만들 것입니다.

콘텐츠를 전환하기 위해 JS를 사용하여 전체 페이지를 다시로드하지 않고 콘텐츠 컨테이너의 내용을 교체하고 싶습니다. 몇 년 전 비슷한 페이지를 작성한 적이 있습니다. 그런 다음 콘텐츠 div의 내부 HTML을 js가 생성 한 내용으로 대체했습니다 (다양한 페이지는 구조가 비슷했습니다). 그 문제는 분명히 콘텐츠를 볼 수 없기 때문에 엔진 검색에 극도로 비우호적 인 것으로 밝혀졌습니다.

이번에는 (다양한 콘텐츠 HTML 하위 페이지 대신) 동적으로 iframe을로드하는 것에 대해 생각하고 있습니다. 모두 그래도, 나는 어느 쪽이든 SEO 친절한 어느 쪽이든 확실하지 않다. 검색 엔진에 대한 콘텐츠 가시성을 높이 지 않으면 서 내가하려는 일에 대한 일반적인 방법이 있습니까?

Answer 1

프런트 엔드 기술에만 국한되어서는 안되는 상황입니다.

내 제안은 점진적 향상 접근 방식을 사용하는 것이 좋습니다.

동적으로 페이지를 동적으로 렌더링하고 일반 하이퍼 링크를 사용하여 페이지를 연결하는 일반 웹 사이트를 만듭니다. 그런 다음 자바 스크립트를 사용하여 기본 링크 동작을 재정의하고 페이지를 검색 할 ajax 요청을 작성하십시오.

ajax 요청에서 백 엔드 검색을 사용하여 부분 페이지를 제공하거나 jQuery 또는 유사한 방법을 사용하여 요청한 페이지에서 특정 콘텐츠를 가져 와서 페이지의 해당 자리 표시 자에로드 할 수 있습니다.

구글은 사이트를 구축하기위한 몇 가지 조언을 가지고 있으며, 그들 해석 방법 : https://support.google.com/webmasters/answer/81766?hl=en

이 구글에서 점진적으로 강화 아약스 사이트에 튜토리얼의 많음이 있고, 여기에 PHP로 작성된 하나의 예입니다

가 http://www.impressivewebs.com/ajax-progressive-enhancement/

점진적 향상을 사용하여 정적 페이지를 검색 할 수 있으며 백엔드 언어를 사용하지 않아도 작동합니다. 백엔드 탐지를 사용하여 데이터를 필요로하는 전체 페이지 대신 부분 페이지를 제공함으로써 대역폭을 절약 할 수있는 옵션을 잃게됩니다.