一、SEO
搜索引擎化
通过分析搜索引擎的排名规律
了解各种搜索引擎怎样进行搜索、怎样抓取互联网页面、怎样确定特定关键词的搜索结果排名的技术
二、与前端有关的SEO配置
- title
- keywords
- description
<html>
<head>
<title>title</title>
<meta name="keywords" content="keyword1,keyword2,...">
<meta name="discription" content="This is a keyword1 description,...">
</head>
<body>
...
</body>
</html>
三、单页面应用有什么SEO方案
- 服务器端渲染首屏（SSR 基于 vue 的服务端下载），让服务端把首屏的数据渲染在页面上；
- 进行基本的 css 模板 js 的编译合并；
- 减少请求次数，使用 gulp 工具，把 css 打包成一个文件, js 打包成一个文件, 模板打包成一个 js 文件($templateCache) 可以和 js 文件打包成一起（促使模板 JS 文件和 JS 文件一次性请求）；
- 代码分块，如果首屏不需要的块，就不用加载了；
- 路由组件懒加载。当打包构建应用时，Javascript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样更加高效
- 如果有大量图片使用懒加载
就是通过后端吐模板，而不是通过前端ajax获取数据，拼接字符串
五、为什么需要SSR
- 需要SEO，因为爬虫不会等待ajax结果。
- 客户端网络慢，加载速度慢，影响用户体验