乐趣区

SEO-优化方案简单对比

seo

预渲染

webpack 插件:GitHub – chrisvfritz/prerender-spa-plugin: Prerenders static HTML in a single-page application.

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

适合针对少量简单页面 seo 优化的需求。

ssr 框架

React:
Next.js – The React Framework
Next.js 中文

VUE:
Nuxt.js – Vue.js 通用应用框架

优点:

  • 基于主流框架设计,开发方便迅速
  • 开箱即用
  • 自动进行代码分割
  • 简化客户端路由(基于页面)
  • 可以通过 Express 或任何其他 Node.js HTTP 服务器实现

缺点:

  • 服务器需要添加 node 层

不用框架

emmm,这没什么好说的,直接回到以前的开发模式呗,seo 友好,但是开发方式就好像不太友好了。

针对是否爬虫提供两套页面

理论很美好,针对爬虫完全可以不用考虑样式等因素,但是存在 seo 作弊的风险,pass。

总结

这只是大体方向上的 seo 优化方向选择,具体到细节,还是有许多要考虑的。这只是个人通过网上总结的比较主流的 seo 方案,不足之处敬请指出。

退出移动版