单页面(AJAX)应用SPA你们是怎样SEO的效果怎么样
一套代码,两处运行两套页面是免不了的,就看你们怎么做的高效,google的hashtag只能解决google
■网友
单页应用的SEO,带#的那种,我用的是vue.js,也是个人花了很多工夫才解决的。因为代码成功实现,所以可以说下过程。基本思路有如下几步:1.去掉url当中的#,你可以使用history模式(HTML5 history API),这个vue2.0里面有,我相信angular里面应当也有。2.使用后端渲染一套页面,我用的是sails.js这个node.js框架,做了一套ejs,渲染在后端上头。3.使用nginx重定向,找出爬虫(判断user agent),然后定向到你后端的端口(由于你去掉了#所以可以这么做,不然url一个带#另一个不带,是不行的)。这样基本实现了,但输入url还会出现404页面,这是history模式造成的,必须将404转向到index上头去。代码的话呢,你既然没vue.js,那只有nginx那部分有用了。这里你可以参考一下。http://www.itormore.com/mainshow/260
■网友
AngularJs(SPA)单页面SEO以及百度统计应用 - 海豚湾 - 博客园
推荐阅读
- 唯品会无搜索模式真的能让大众消费者驻留页面更长时间吗
- 百度统计是否有统计页面上某个按钮被点击次数的功能
- HTML这么原始的页面展现方式为何没有新技术彻底替换它
- 树洞网和糗事百科啥关系,为啥页面设计这么一致
- 你怎样看待豆瓣电影页面这次的改版
- webpack打包后的页面,在集成时,怎样提供js接口给父页面调用呢
- cookie模拟登陆新浪微博出现跳转页面重定向怎样解决?
- 一个页面的数据是一个接口返回好,还是分多次返回 \r \t\t\t?
- 咋实现前端HTML页面在线预览服务器传来的PDF和Word文件
- node模拟登录之后,咋继续请求登录成功之后的页面