上周想给自己做的网站做一下seo优化,因为这个网站是用vue做的,所以首先就得先解决单页面的seo问题.
网上有好几种方案:
1、使用服务器端渲染(很多大厂都在用)
2、使用vue-meta-info 配合 prerender-spa-plugin 预渲染
由于以前并没有接触过服务器端渲染,所以改造起来可能比较麻烦,所以选用了预渲染作为解决方案;
vue-meta-info 的安装和使用是相当简单的,建议大伙直接去官网看看就行了,它主要的职责就是为每个页面动态生成 title、meta 和 link 等标签。
主要是prerender-spa-plugin 安装和使用有点东西,它所做的预渲染就是当vue-cli构建的项目进行npm run build 的时候,会按照路由的层级进行动态渲染出对应的html文件,这样爬虫在爬取页面的时候就不会再是一个简简单单的 index.html 入口文件了。
This is the stable
3.x
version ofprerender-spa-plugin
based on puppeteer.
// prerender-spa-plugin 的 3.x版本基于
puppeteer
在安装prerender-spa-plugin时 会发现 进度一直停在 build puppeteer 上,那是因为puppete