如何通过Vue SPA首屏优化方案提升长尾关键词搜索排名？

本文共计994个文字，预计阅读时间需要4分钟。

前言：常规使用vue项目打包后访问，返回一个只包含div的，其他内容都是通过js动态生成的。

存在问题：

1.不利于SEO：由于内容主要通过js动态生成，搜索引擎难以抓取，影响SEO效果。

2.首页加载慢：页面加载依赖大量js执行，导致首屏加载缓慢，用户体验不佳。

3.本文字符过多：页面内容过多，导致加载时间延长，用户体验下降。

前言

常规 vue 项目打包后访问，返回一个只包含 div 的 html，其他内容块都是通过 js 动态生成的。

存在两个比较大的问题：

• 不利于 seo
• 首屏加载页慢，用户体验不好
  

本文是自己根据项目经验总结的方案，如有不足，欢迎指出~

优化

SSR

SSR(Server-Side Rendering) 即服务端渲染，把 vue 组件在服务器端渲染为组装好的 HTML 字符串，然后将它们直接发送到浏览器，最后需要将这些静态标记混合在客户端上完全可交互的应用程序。