Search engine optimization:SEO
即搜索引擎优化
是基于了解搜索引擎的运作规则来调整网站，以及提高目的网站在有关搜索引擎内排名的方式。
早期搜索引擎：
根据网站的标签信息，但导致滥用标签。
当代搜索引擎：
以网页级别（PageRank） 为开端，即依赖导入链接（incoming link） ，并利用“每个导入某网页的链接相当于给该网页价值投一票”的理论建立起逻辑系统。越多导入链接意味着该网页越有“价值”。而每个导入链接本身价值直接根据该链接从何而来的网页级别，以及相反的该页导出链接 （outgoing link） 。而后面逐渐发展除了PageRank因素以外等众多因素，而大多数搜索引擎对它们的如何评等的算法保密，并且每个因素的权重也随时在改变。
On-Page 页面优化：
是指站内优化或页面优化，主要有三个因素：
- 高质量内容
- 网站架构
- 外观设计与用户体验
对于前端需要注意的部分：
-
合理的title、description、keywords：
-
title： 指定整个网页的标题，在浏览器最上方显示
强调重点即可，重要关键词不要超过2次，并且要靠前，而且每个页面都要有所不同。可以使用重要关键词、品牌词或描述页面内容的短语，确保标题简洁、准确地概括页面的主题，并吸引用户点击。
-
description： 页面描述，用于搜索显示描述词
应该高度概括页面内容，长度适当，避免过度堆砌关键词，每个页面的
description也应该有所不同。 -
keywords： 网站关键词
虽然已经不再是搜索引擎排名的重要因素，但仍然可以列举出与页面内容相关的几个重要关键词，以便搜索引擎了解页面的主题。
注： 搜索引擎对这些标签的权重逐渐减小
-
-
语义化的HTML代码，符合W3C规范：
- 使用语义化的HTML代码可以让搜索引擎更容易理解网页的结构和内容
- 遵循W3C规范可以提高网页的可读性和可访问性，对SEO也有好处
-
重要内容HTML代码放在最前：
搜索引擎抓取HTML的顺序是从上到下，有些搜索引擎对抓取长度有限制。因此，将重要的内容放在
HTML的前面，确保重要内容一定会被抓取。 -
重要内容不要用js输出：
爬虫不会执行
JavaScript，所以重要的内容不应该依赖于通过JavaScript动态生成。确保重要内容在HTML中静态存在。 -
少用iframe：
搜索引擎通常不会抓取
iframe中的内容，因此应该尽量减少iframe的使用，特别是对于重要的内容。 -
非装饰性图片必须加
alt：当图片不可用（无法显示）的时候，代替图片显示的内容为非装饰性图片添加
alt属性，可以为搜索引擎提供关于图片内容的描述，同时也有助于可访问性。 -
提高网站速度：
网站速度是搜索引擎排序的一个重要指标
阶段 优化要点 编码前 选择轻量框架（如 Svelte、Preact） 编码中 模块化、懒加载、图片优化、语义化 编译时 使用构建工具压缩资源、Tree Shaking 部署时 CDN 加速、缓存控制、压缩启用 上线后 使用监控工具持续跟踪（如 Sentry + WebVitals）
