Javascript框架在处理seo方面存在问题,因为
爬虫在检索seo信息的时候会读不了js给其赋的值,导致搜索引擎收录不了或者收录了无效的信息,比如收录的可能是title={{title}}这样的,下面先说如何在路由跳转时修改
页面的seo信息,现在spa跳转一般用route-ui了,就以这个为基础讲解,在app.js配置项state中加入title信息,如下:data:{ pageTitle:'user title'} .state('index.user', { url: '/user', views: { 'content@index': { templateUrl: 'templateHtml/user/user.html', controller: 'userCtrl' } }, data:{ pageTitle:'user title' } }) .state('index.user.a', { url: '/a', templateUrl: '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来修改页面title: app.directive('title', ['$rootScope', '$timeout', function($rootScope, $timeout) { return { link: function() { var listener = function(event, toState) { console.log(toState) $timeout(function() { $rootScope.title = (toState.data &&toState.data.pageTitle) ? toState.data.pageTitle : 'Default title' $rootScope.metakeywords="this is keywords" }) } $rootScope.$on('$stateChangeSuccess', listener) } } } ]) 这里赋值是通过获取当前state中设置的title,也就是这里toState对象的值,当我们打印这个toState时就会发现: 这里是获取的已经设置好的data中pageTitle的值,如果不想写在state里或者写死,可以传state中的唯一标示,配合后台接口,将查询的title渲染到页面;同样meta标签如keywords、description可以在此时一同绑定; 上面说到javascript框架在seo方面存在短板,应对ng的这个问题市面上也有很多方案,比如prerender,seo.js等,思想都是在页面加入表示,让爬虫在页面渲染好后才去扒数据,同时服务器上要配置些服务,服务将检测是否有对应这个URL的快照或者缓存的页面,如果存在就发给爬虫,如 果不存在,则生成快照,然后发送正确的页面给爬虫;处理起来还是要费些功夫的,所以也可以采用ng+常规的开发模式,一些重要的页面不要用这种页面渲染seo的方式,或者建立专门的seo信息页;所以在这方面感觉用ng框架做app(ionic)还是很合适的; 以上所述是小编给大家介绍的Angular设置title信息解决SEO方面存在问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家
网站的支持!百度在变,谷歌在变,搜索引擎都在变。在不断的变化中,我们如何对我们网站进行优化呢?
首先,谈谈新手以及老手在认知上容易出现的SEO误区,我认为有以下几点因素,不容忽视。
1、以为网站首页关键词出现得越多越好,其实不然。
网站首页如果出现大量关键词,大量的关键词堆积在首页,不仅对优化有影响,还会降低用户体验度,我们应把关键词通过长尾关键词的方式展现出来,这不仅不会影响用户体验,还能使流量来得更加定向。
2、以为网站有更新就好。
以为保持每天的网站内容更新就好,可是却随意的copy其他地方的文章,一点原创性都没有,不是原创文章,宁愿不发。
3、认为外链很重要。
认为不断的发外链很重要,不少人认为做SEO就是为了排名,完全不考虑网站文章的质量、可读性以及用户体验,甚至不惜使用一些软件、站群,这样做,即使排名上去了,也无法留住客户。为了做SEO拼命地发外链,完全不考虑外链的质量,认为只要量上去了,排名就会上去,其实不然,这样做会被搜索引擎认定为作弊,会有降权的风险。
评论列表(0条)