SEO 정보를 검색 할 때 크롤러는 JS가 할당 한 값을 읽을 수 없기 때문에 SEO를 처리하는 데있어 JavaScript 프레임 워크에는 문제가 있습니다. 이로 인해 검색 엔진이 유효하지 않은 정보를 포함 시키거나 포함 할 수 없습니다. 예를 들어, 포함 된 것은 title = {{title}} 일 수 있습니다. 먼저 경로 점프 중에 페이지의 SEO 정보를 수정하는 방법에 대해 이야기하겠습니다. 이제 스파 점프는 일반적으로 Route-UI를 사용합니다. 이를 기반으로 설명하고 app.js 구성 항목 상태에 제목 정보를 추가하십시오. 데이터 : {pagetitle : '사용자 제목'}
.state ( 'index.user', {url : '/user', views : { 'content@index': {templatehtml/user/user.html ', 컨트롤러 :'userctrl '}}, data : {pagetitle :'user title '}}). 'templatehtml/user/a.html', data : {pagetitle : 'user a title'}}). state ( 'index.user.b', {url : '/b', templateUrl : 'templatehtml/user/b.html', data : {pagetitle : 'user b title'})그런 다음 $ statechangesuccess를 듣고 페이지 제목을 수정하십시오.
App.Directive ( 'title', [ '$ rootscope', '$ timeout', function ($ rootscope, $ timeout) {return {link : function () {var learter = function (event, tostate) {console.log (tostate); $ timeout (function () {$ rootscope.title = (tostate.data.datate)). tostate.data.pagetitle : 'default title'; $ rootscope.metakeywords = "이것은 키워드입니다"});}; $ rootscope. $ on ( '$ statechangesuccess', listener);}]);여기서 할당은 현재 상태, 즉 Tostate 객체의 값으로 제목을 설정하는 것입니다. 이 tostate를 인쇄하면 다음을 찾을 수 있습니다.
다음은 설정된 데이터에서 Pagetitle의 값입니다. 주에 쓰지 않거나 죽음에 쓰지 않으려면 상태에서 고유 한 레이블을 전달하고 백그라운드 인터페이스와 함께 쿼리 제목을 페이지에 렌더링 할 수 있습니다. 마찬가지로, 키워드 및 설명과 같은 메타 태그는 현재 함께 묶을 수 있습니다.
위에서 언급했듯이 JavaScript 프레임 워크는 SEO에 단점이 있으며, Prerender, SEO.JS 등과 같은 NG의 문제를 처리하기위한 많은 솔루션이 있습니다. 아이디어는 페이지에 표현식을 추가하여 크롤러가 페이지를 렌더링 한 후에 만 데이터를 파헤칠 수 있도록하는 것입니다. 동시에 일부 서비스는 서버에서 구성되어야합니다. 이 서비스는이 URL에 해당하는 스냅 샷 또는 캐시 된 페이지가 있는지 여부를 감지합니다. 그들이 존재한다면, 그들은 크롤러로 보낼 것입니다. 존재하지 않으면 스냅 샷을 생성 한 다음 올바른 페이지를 크롤러로 보냅니다. 아직 처리하려면 약간의 노력이 필요하므로 NG+ 기존 개발 모델을 사용할 수도 있습니다. 중요한 페이지의 경우이 페이지를 사용하여 SEO를 렌더링하거나 특수 SEO 정보 페이지를 작성하지 마십시오. 이와 관련하여 NG 프레임 워크를 사용하여 앱 (Ionic)을 만드는 것이 여전히 적절하다고 생각합니다.
위는 SEO의 문제를 해결하기 위해 편집자가 귀하에게 소개 한 각도 설정 제목 정보입니다. 나는 그것이 당신에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!