Vue SEO的四种优化策略有哪些要点？

本文共计2393个文字，预计阅读时间需要10分钟。

前言：众所周知，Vue+SPA单页面应用对SEO不友好，尽管也存在相应的解决方案。以下列出几种最近的研究和使用的SEO方案，基于Nuxt进行说明。

1. SSR（服务器端渲染）：通过服务器端渲染，Vue应用可以在服务器上生成HTML，从而提高SEO性能。

2.静态化：将应用生成静态HTML文件，便于搜索引擎抓取。

3.预渲染：结合SSR和静态化，预渲染部分页面内容，提高SEO效果。

前言：众所周知，Vue SPA单页面应用对SEO不友好，当然也有相应的解决方案，下面列出几种最近研究和使用过的SEO方案，SRR和静态化基于Nuxt来说。

1.SSR服务器渲染；
2.静态化；
3.预渲染prerender-spa-plugin；
4.使用Phantomjs针对爬虫做处理。

1.SSR服务器渲染

关于服务器渲染：Vue官网介绍 ，对Vue版本有要求，对服务器也有一定要求，需要支持nodejs环境。

使用SSR权衡之处：

1. 开发条件所限，浏览器特定的代码，只能在某些生命周期钩子函数 (lifecycle hook) 中使用；一些外部扩展库 (external library) 可能需要特殊处理，才能在服务器渲染应用程序中运行；
2. 环境和部署要求更高，需要Node.js server 运行环境；
3. 高流量的情况下，请准备相应的服务器负载，并明智地采用缓存策略。

优势：

1. 更好的 SEO，由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面；
2. 更快的内容到达时间 (time-to-content)，特别是对于缓慢的网络情况或运行缓慢的设备。