只有一张web页面的应用,是一种从web服务器加载的富客户端。
单页面跳转仅刷新局部资源,公共资源仅刷新一次,之后的操作交互,数据交互是通过路由、ajax来进行的,页面本身没有进行刷新。
优点:
①前后端分离
②良好的交互体验——用户不用刷新页面,页面显示流畅
③减轻服务器压力——服务器只出数据
④共用一套后端代码——多个客户端可共用一套后端代码
缺点:
①seo难度高——数据渲染在前端进行,seo主要是让网站对于搜索引擎的爬虫更加友好,spa页数据动态生成,爬虫识别不了
②前进后退管理——单页面不能使用浏览器的前进后退,页面切换要自己建立堆栈管理,解决方法:利用url的散列+iframe实现
③初次加载耗时长
——单页面应用怎么优化?
①注重TDK的写法——注意网站标题、关键字和描述的写法。
②网页标签的合理使用——标签的规范使用可以让搜索引擎更好的理解网页内容层次。(例如:h1> h2的逐级展示)尽可能使网页符合W3C的标准
③注重外联锚文本多样化——单页面网站不代表网站只有一个关键字,避免网站的过度优化,所以要多样化外联锚文本。(外联关键词加超链接)
④增加一个二级博客目录——可通过博客内容增加单页面网站的权重
⑤合理设置锚点——页面上合理的设置锚点,有利于用户快速到达想看的内容区域
⑥网站内容高质量——将用户的关注点尽可能完整的展示出来,通过不同区域展示相关内容,解决用户烦恼
⑦避免全是图片展示——网站文字内容少不利于搜索引擎抓取和索引
单页面网站seo同样需要站在用户的角度去思考,一个页面是否可以满足用户的需求,页面内容是否有权威性,是否利于用户对需求的获取,减少可以优化,避免过度优化。