所谓的单页（Single Page Application）的应用[简称SPA]，是一种新兴的页面展示方式，这种方式通常采用HTML5等语言做出来的，像百度的siteapp就是一个非常典型的例子。
<html data-ng-app=”app”>是其标志性的标注。
对于这种页面来说，很多都是采用js等搜索引擎无法识别的技术来做的，所以百度是无法识别的，那么这类型的网页要怎么做SEO呢？An7给我们介绍了一种非常好的方法，但是这种方法适用于大型网站，小型网站慎用。
最佳方案：用更高效的方式完成两套页面
简单的架构图，SPA这种架构，渲染是在客户端（浏览器）完成的，大致流程如下
SPA简单流程
蜘蛛无法执行JS，相应的页面内容无从抓取，弊端还是那个弊端
但我们知道，传统的服务端生成页面，response里已经是服务器渲染组装好的HTML代码，浏览器只负责正确地展现，蜘蛛负责正确的解析，所以，我们需要给蜘蛛渲染完成的HTML，那么你的框架需要兼容如下流程的功能。
双渲染的流程
我们看到，当访问为SEO所需页面的时候，数据传输到了SEO 服务器完成渲染和组装然后吐给浏览器和蜘蛛，那么蜘蛛拿到的即是完全可见且融合了SPA的页面——landing页都是蜘蛛可见的，接下去用户的点击都是SPA的页面。
需要注意的是，如果你是用URL来区分SPA架构与否，那么内链及入口要全部使用SEO URL,只为用户暴露SPA的链接，JS在这里阴差阳错地成为了优势，那些SPA的链接将比较难被抓取的。
其实可以不使用URL来区分，延伸想想。
这样一个流程，也无多少高精尖元素，其实只是“依照条件”增加了一个服务端自动渲染的步骤，在架构方案上再细细夯实，可以实现一套代码两处运行、SEO页面可单独自定义功能、、同一张landing人和蜘蛛没有跳转，没有区别对待、全栈工程师的大量使用、SEO页面永远保持最新版等等省时省力的需求功能。
总之，如果你和我一样，有文章前面部分的抱怨，SPA架构势在必行，两套页面改版不能同步，单独多做一套可抓取页面没有太多资源投入，与此同时还是想以比较保守的方式给蜘蛛展现网站的内容，那么这个思路可以考虑，然后为自己量身定做。
关于单页应用的网站优化，在实践中我所经历过的这些吧
优化不是按部就班，作为从业人员要审时度势地采取不同方案，以结果为导向，上不了线，再好的优化也是个方案。
雷森SEO:知乎上有哪些人在做外贸SEO
SEO发展10几年，和前些年，大家理解的SEO 相比，已经大相径庭。从SEO已经不再是外链为王的时代，SEO就已经不再适合外包了，而更适合自己来。
本文最初发布于2022年7月18日 @ 下午3:20
闲鱼资源网 » 胡勇SEO:单页运用怎样处理SEO
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用？
- 本站所有资源版权均属于原作者所有，这里所提供资源均只能用于参考学习用，请勿直接商用。若由于商用引起版权纠纷，一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了？
- 找不到素材资源介绍文章里的示例图片？
- 站壳网
