一、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 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样更加高效
- 如果有大量图片使用懒加载
五、为什么需要SSR
- 需要SEO,因为爬虫不会等待ajax结果。
- 客户端网络慢,加载速度慢,影响用户体验
标签:js,打包,SEO,SSR,模板,加载 From: https://www.cnblogs.com/le-cheng/p/17492768.html