Javascript框架在处理seo时存在问题,因为爬虫在检索seo信息时无法读取js赋值,导致搜索引擎不包含或包含无效信息,例如包含的信息可能是title={{title}}。先说说路线跳转时如何修改页面的seo信息。现在spa通常会随着route-ui一起跳跃。在此基础上,将标题信息添加到app.js配置项状态如下:data: {pagetitle : '用户标题' }。状态(' index.user ',{url: '/user ',view : { '[email protected]' : { Templateurl : ' TemplateHTMl/user/user . html ',controller: ' userCtrl ' } },data : { page title : ' user title ' })。状态(' index.user.a ',{url: '/a ',Templateurl : ' TemplateHTML/user/a . html ',data : { page title : ' user a title ' })。状态(' index.user.b ',{url: '/b ',template URL : ' template html/user/b . html ',data : { page title : ' user btitle ' }),然后通过收听$stateChangeSuccess来修改页面标题:
app.directive('title ',['$rootScope ',' $timeout ',function($rootScope,$ time out){ return { link : function(){ var listener=function(event,ToState){ console . log(ToState);$ time out(function(){ $ root scope . title=(to state . data to state . data . page title)?toState.data.pageTitle:“默认标题”;$rootScope.metakeywords='这是关键字' });};$rootScope。$on('$stateChangeSuccess ',侦听器);}};}]);这里的赋值是获取当前状态下的标题集,也就是这里的toState对象的值。当我们把这个打印到State时,我们会发现:
这是页面标题在集合数据中的值。如果不想写状态或者写死,可以传递状态中的唯一标签,用后台界面将查询的标题渲染到页面;同样,关键字、描述等元标签此时也可以绑定在一起;
如上所述,javascript框架在seo方面存在不足,市场上有很多解决ng这个问题的方案,比如prerender、seo.js等。这个想法是给页面添加一个表示,让爬虫在页面呈现后拾取数据。同时,应该在服务器上配置一些服务。该服务将检测是否有对应于该网址的快照或缓存页面,如果存在,则将它发送给爬虫。如果它不存在,它将生成快照,然后将正确的页面发送给爬网程序。处理起来还是要花一些功夫的,所以也可以采用ng的常规开发模式。一些重要的页面不应该用这个页面来渲染seo,或者建立一个专门的seo信息页面;所以在这方面,我觉得还是很适合用ng框架作为app(ion);
以上是边肖介绍的Angular设置标题解决SEO中问题的信息。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!