单页应用SEO浅谈单页应用（SinglePage）受欢迎

　　单页应用SEO浅谈单页应用（SinglePage）受欢迎

　　关于单页应用的SEO

　　单页应用程序（Single Page Application）越来越受到网络开发者的欢迎。单页应用体验，可以模拟原生应用，一次性开发，多端兼容。单页应用并不是一项新发明的技术，而是随着互联网的发展，满足用户体验的综合技术。

　　搜索引擎优化

　　长期以来，搜索引擎优化 (SEO) 是开发人员容易忽视的部分。 SEO是对搜索（谷歌、百度、雅虎搜索等）技术细节的优化，比如语义、搜索关键词和内容相关性、​​收录数量、搜索排名等。 SEO也是常用的营销工具被同行和市场竞争使用。谷歌和百度的搜索结果是重要的用户门户。腾讯云大约 30% 的流量来自搜索引擎。因此，SEO在品牌纬度、营销维度、用户量维度上都是非常重要的基础能力。

　　那么单页应用程序和传统的直出页面之间的 SEO 区别是什么？

　　更好的用户体验，让用户在网络上感受natvie的速度和流畅度；

　　经典MVC开发模式，前后端各司其职。

　　一套Server API，多终端使用（网页、手机APP等）

　　重前端，业务逻辑全部在本地操作，数据需要通过AJAX同步提交；

　　单页应用实际上是将视图（View）渲染从服务器传输到浏览器。服务器只提供JSON格式的数据，视图和内容通过本地JavaScript进行组织和渲染。搜索引擎抓取的内容需要完整的 HTML 和内容，单页应用结构的网站对搜索的支持不力。

　　如果网站在用户体验和搜索友好性之间进行权衡，如果我们实现更好的体验，同时也实现友好的搜索支持，那将是一石二鸟。

　　单页应用只有一页，视图变化通常由路由驱动。首先说一下单页应用的URL中的#。很多使用单位结构的网址网站这个符号出现了。

　　"#" 是浏览器 URL 中的锚点。如果改变当前页面#的参数，页面会跳转到锚点的位置。我们可以使用 JavaScript 获取 # 后的参数：

　　location.hash // 获取URL hash

location.hash = "#list" //改变URL hash

<p>更改#号后的参数，页面不会重新加载，所以大部分单页架构网站使用URL中的#号作为当前视图的URL地址，例如：