1、spa单页面应用遇上SEO该怎么办
1 按了F5不是理所当然的应该刷新页面么,即使我SPA被刷新了又怎么样呢?也没有改变任何用户习惯,用户不会觉得confused。 2 而是应该让用户慢慢培养SPA不用去按F5的习惯。 3 我感觉需要做的也就是保存个用户登录状态,这个可以存在server的session里,和传统的web应用是一样的,并没有特别之处。
2、单页面应用以及怎么进行seo优化
单页面网站由于没有栏目没有文章页,只有一个首页,因此可以优化的地方并不多,还特别容易优化过度,但是我们却偏偏只能用自己的首页去抢排名,接下来让我们一起来探讨下。
一,单页面网站title的设置规划
核心关键词的选取和分析,是日后有话最重要的前提,所以首先就要注意这一点。
二,单页面网站的标签合理布局
使用h1标签,但是要记住要合理使用,正常来说有一个h1标签来标注最重要的关键词就可以了,多了会容易被惩罚的。
三,突出产品的内容展示
由于单页面网站的篇幅有限,注定了要展示的文字内容是经过精挑细选,并且把自己的产品特色也融进去,另外内容结构上分配要合理,要把自己的营销策略也布局好。
四,单页面的整体页面设计
单页面网站只有一个页面,整体构造上需要给用户简洁自然,主题明确的感觉,由于单页面的属性,比其它网站的页面设计要求还要更一个级别,因为那些普通的网站有大量的内容支撑,能很好地服务用户,单页面网站就只能靠一个页面来打拼,实属不容易。
五,单页面网站的整体链接构造
既然是单页面了为何还说链接的,原来还有外链导进来,还有页面内不同位置的跳转。做些优质的外链引导蜘蛛过来抓取。做好页面内回到页首、页尾的按钮,这些用户体验都是非常重要的。
3、浏览页和详单页的区别在哪?
一个项目中只有一个完整的html主页面,其他都是html片段组成的分页面,浏览器一开始会在主页面加载所有必须的 html, js, css。撸代码的时候每个页面分开写(不管主页面还是分页面 )。在页面跳转交互的时候由路由程序将分页面动态载入主页面,跳转只是局部刷新,不会重新加载全部资源。片段之间的切换快,比较容易实现转场动画
1、单页面应用(SPA):
优点:首屏时间快,搜索引擎优化效果好(SEO):
首屏时间叫做页面首个屏幕的内容展现的时间,当我们访问页面的时候,服务器返回一个html,页面就会展示出来,这个过程只经历了一个HTTP请求,所以页面展示的速度非常快
搜索引擎在做网页排名的时候,要根据网页内容才能给网页权重,来进行网页的排名。搜索引擎是可以识别html内容的,而我们每个页面所有的内容都放在Html中,所以这种多页应用,seo排名效果好。
缺点:页面切换慢:
因为每次跳转都需要发出一个http请求,如果网络比较慢,在页面之间来回跳转时,就会发现明显的卡顿。
优点:页面切换快:
页面每次切换跳转时,并不需要做html文件的请求,这样就节约了很多http发送时延,我们在切换页面的时候速度很快。
缺点:首屏时间慢,SEO差:
单页应用的首屏时间慢,首屏时需要请求一次html,同时还要发送一次js请求,两次请求回来了,首屏才会展示出来。相对于多页应用,首屏时间慢。
SEO效果差,因为搜索引擎只认识html里的内容,不认识js的内容,而单页应用的内容都是靠js渲染生成出来的,搜索引擎不识别这部分内容,也就不会给一个好的排名,会导致单页应用做出来的网页在百度和谷歌上的排名差。
2、多页面应用(MPA):
优点:首屏时间快,搜索引擎优化效果好(SEO):
首屏时间叫做页面首个屏幕的内容展现的时间,当我们访问页面的时候,服务器返回一个html,页面就会展示出来,这个过程只经历了一个HTTP请求,所以页面展示的速度非常快
搜索引擎在做网页排名的时候,要根据网页内容才能给网页权重,来进行网页的排名。搜索引擎是可以识别html内容的,而我们每个页面所有的内容都放在Html中,所以这种多页应用,seo排名效果好。
缺点:页面切换慢:
因为每次跳转都需要发出一个http请求,如果网络比较慢,在页面之间来回跳转时,就会发现明显的卡顿。
4、为什么单页面应用,SEO难度比较大
SEO优化说白了就是使得自己的网站对于搜索引擎的爬虫更加友好,目前单页面应用的大部分做法是使用前端框架,导致主页面没有相关的描述信息,详细信息大部分都是动态生成的,对于爬虫来说去准确模拟相关的行为获取符合数据是很困难的(对于如此大规模的数据来说)。