Vue SEO优化的四种方案

SSR服务器渲染(Nuxt 服务端渲染应用部署)

image.png

Nuxt 静态应用部署

image.png

预渲染prerender-spa-plugin(插件)

如果你只是用来改善少数营销页面(例如 /, /about, /contact 等)的 SEO,那么你可能需要预渲染。无需使用 web 服务器实时动态编译 HTML,而是使用预渲染方式,在构建时 (build time) 简单地生成针对特定路由的静态 HTML 文件。优点是设置预渲染更简单,并可以将你的前端作为一个完全静态的站点。

image.png

Phantomjs 针对爬虫做处理

Phantomjs是一个基于webkit内核的无头浏览器,即没有UI界面,即它就是一个浏览器,只是其内的点击、翻页等人为相关操作需要程序设计实现。

image.png

总结

  1. 如果构建大型网站,如商城类,别犹豫,直接上SSR服务器渲染,当然也有相应的坑等你,社区较成熟,英文好点,一切问题都迎刃而解。
  2. 如果只是个人博客、公司官网这类,其余三种都可以。

参考文章:juejin.cn/post/693308…

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享