SPA SEO方案

基本概念

  1. SPA:单页面应用,基于vue框架开发的项目很多都属于单页面应用。

  2. SSR :server side rendering,服务端渲染。

  3. Prerender:预渲染,Prerender.io是基于Node.js的程序,它可以让你的JavaScript网站支持搜索引擎,社交媒体,并且它兼容所有的JavaScript框架和库。它采用PhantomJS渲染JavaScript的网页然后呈现为HTML。此外,我们可以实现prerender服务层来缓存访问过的页面,这将大大提高性能。

  4. 搜索引擎优化,指通过对网站进行站内优化、修复和站外优化,从而提高网站的网站关键词排名以及公司产品的曝光度。

SPA局限性

SPA 进化到如今,已经从「拼能力」逐渐过渡到「拼体验」,大家也把目光转向了 SPA 相对多页后端渲染应用的两个最大缺陷:

  • 首屏时间
  • SEO

方案

  1. Nuxt.js

  2. prerender.io