什么是服务端渲染(SSR)

数据是通过后端渲染的。输入一个url的地址的时候，首先由后端路由所接管。这个路由的处理函数里面，将页面模板与需要的数据进行拼接。然后才渲染到浏览器的。

什么是客户端渲染

浏览器访问页面，直接得到是html的内容，然后页面上需要的数据，都是通过后续的ajax请求回去的。

服务端渲染的好处

  • seo 优化
  • 更快的内容到达时间

使用 vue 的 ssr

  1. 创建项目
  2. 安装相关依赖，express vue vue-server-renderer
  3. 起nodejs服务，并写好代码
  4. 运行

Nuxt

vue 的上层应用框架，要做 vue 服务端渲染的项目，就使用它。

约定式路由

不需要路由的配置文件，只需要按照它的文档来讲路由页面组件放置在pages目录下面即可。

前端需要注意哪些SEO

  • 合理的title、description、keywords：搜索对着三项的权重逐个减小，title值强调重点即可，重要关键词出现不要超过2次，而且要靠前，不同页面title要有所不同；description把页面内容高度概括，长度合适，不可过分堆砌关键词，不同页面description有所不同；keywords列举出重要关键词即可
  • 语义化的HTML代码，符合W3C规范：语义化代码让搜索引擎容易理解网页
  • 重要内容HTML代码放在最前：搜索引擎抓取HTML顺序是从上到下，有的搜索引擎对抓取长度有限制，保证重要内容一定会被抓取
  • 重要内容不要用js输出：爬虫不会执行js获取内容
  • 少用iframe：搜索引擎不会抓取iframe中的内容
  • 非装饰性图片必须加alt
  • 提高网站速度：网站速度是搜索引擎排序的一个重要指标