프로그래밍 언어/HTML,CSS,JS

검색 엔진이 AngularJS 애플리케이션을 처리하는 방식

Rateye 2021. 8. 30. 10:41
728x90
반응형
질문 : 검색 엔진은 AngularJS 애플리케이션을 어떻게 처리합니까?

검색 엔진 및 SEO와 관련하여 AngularJS 응용 프로그램에 두 가지 문제가 있습니다.

1) 사용자 정의 태그는 어떻게됩니까? 검색 엔진이 해당 태그 내의 전체 콘텐츠를 무시합니까? 즉 내가 가지고 있다고 가정

<custom>
  <h1>Hey, this title is important</h1>
</custom>

사용자 정의 태그 안에 있음에도 불구하고 <h1>

 

2) {{}} 바인딩 인덱싱의 검색 엔진을 문자 그대로 피하는 방법이 있습니까? 즉

<h2>{{title}}</h2>

나는 내가 뭔가 할 수 있다는 것을 안다.

<h2 ng-bind="title"></h2>

하지만 실제로 크롤러가 제목을 "보도록"하려면 어떻게해야합니까? 서버 측 렌더링이 유일한 솔루션입니까?

답변

2014 년 5 월 업데이트

이제 Google 크롤러가 자바 스크립트를 실행 합니다. Google 웹 마스터 도구 를 사용하여 Google에서 사이트를 렌더링하는 방법을 더 잘 이해할 수 있습니다.

원래 답변
검색 엔진에 맞게 앱을 최적화하려는 경우에는 안타깝게도 사전 렌더링 된 버전을 크롤러에 제공 할 방법이 없습니다. 여기 에서 ajax 및 자바 스크립트가 많은 사이트에 대한 Google의 권장 사항에 대해 자세히 알아볼 수 있습니다.

이것이 옵션이라면 서버 측 렌더링으로 Angular에 대한 SEO를 수행하는 방법에 대한 이 기사를 읽는 것이 좋습니다.

크롤러가 사용자 정의 태그를 발견했을 때 무엇을하는지 잘 모르겠습니다.

출처 : https://stackoverflow.com/questions/13499040/how-do-search-engines-deal-with-angularjs-applications
728x90
반응형