目录
- 前言
- 一、 Vue 项目进行 SEO 优化
-
- 1. SSR服务器渲染
- 2. 静态化 (网站, 介绍性官网)
- 3. 预渲染 prerender-spa-plugin (插件)
- 4. 使用Phantomjs `针对爬虫` 做处理
- 小结
- 总结
前言
众所周知，vue项目是单页面的应用，是十分不利于SEO优化的。今天我们一起聊一聊关于SEO优化的解决方案~
一、 Vue 项目进行 SEO 优化
Vue SPA单页面应用对SEO不太友好，当然也有相应的解决方案，下面列出几种SEO方案
1. SSR服务器渲染
服务端渲染, 在服务端html页面节点, 已经解析创建完了, 浏览器直接拿到的是解析完成的页面解构
关于服务器渲染：Vue官网介绍 ，对Vue版本有要求，对服务器也有一定要求，需要支持nodejs环境。
优势: 更好的 SEO，由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面
缺点: 服务器nodejs环境的要求, 且对原代码的改造成本高! nuxt.js (坑比较多, 做好踩坑的准备)
2. 静态化 (网站, 介绍性官网)
Nuxt.js 可以进行 generate 静态化打包, 缺点: 动态路由会被忽略。 /users/:id
优势