1. 什么是 SEO（What）？

从上面图片中的 Search、Engine、Optimization 三个词已经做出了释义，中文名称叫做 搜索引擎优化。

2. 为什么会做 SEO（Why）？

在信息化如此发达的时代，我们很多信息都是从互联网上去获取的，如何去获取？当然是利用搜引擎去查找我们需要的信息呗，常见的搜索引擎比如：百度、谷歌、搜狗等。但是很多时候的搜索结果可能并不是我们完全想要的，还需要进一步去筛选。为了解决这种窘境，很多网站，类似门户网站或者功能网站都会做搜索引擎优化，��的是提升网站的自然排名，获取更多的流量，从而达到我们预期的知名度。

3. 有哪些措施进行 SEO （How）？

对于百度这种搜索引擎来说，最简单直接的方式就是给钱，让别人去做 SEO。

除了以上方式，还可以通过一些技术手段来实现：

方式一：SSR 服务端渲染技术（重）

在前端领域，现在很多网站都是使用框架开发的，比如我们常用的 Vue.js、React.js 等，里面大部分页面元素都是由客户端 JavaScript 动态生成的。很多搜索引擎在爬虫时只能抓取静态的 HTML 源码，而不会执行 JavaScript，因此动态生成的内容无法被爬虫获取。

除此之外，很多搜索引擎不会等数据加载完成后再进行爬取，这样也会导致我们网站的很多关键信息不能被完整的收录。

因此，服务端渲染（Server-Side Rendering）可以帮助我们实现 SEO，其原理是 SSR 可以在服务器上执行 JavaScript 并渲染出完整的 HTML 页面，然后将其发送到客户端，这样爬虫在抓取网站时就能获取到完整的页面内容，从而提升 SEO 效果。

我们在产品设计阶段时如果需要考虑 SEO，可以选择一些比较成熟的 SSR 框架，比如对于 Vue 可以选择 Nuxt.js，对于 React 可以选择 Next.js。

方式二：准确的 TDK 描述

在使用搜索引擎时，准确的 TDK 描述也可以增加网站的排名，TDK 就是常说的 Title、Description、Keywords

方式三：合理使用 HTML 语义化元素

语义化的 HTML 代码和 符合W3C规范 是 SEO 的关键要素之一。

语义化是指使用具体有明确含义的 HTML 元素，搜索引擎在爬取网站时，也会更容易理解网站的内容以便进行收录，从侧面也能印证我们的网页更加的规范，这不仅利于 SEO，还能提高网页的可读性和可维护性。常用的语义化元素有：Header、Nav、Article、Footer 等。

图片要求必须加 alt 规范，在项目开发中，要求在使用图片时必须加上 alt 属性，一方面是图片无法正常加载时显示提示内容，另一方面也有利于 SEO 优化。

H1、H2、H3 等标题的正确使用，标题标签在 SEO 中也起着非常重要的作用。有助于搜索引擎理解网页内容的结构和层次，从而更准确地索引和评估页面的相关性。

方式四：编写合理的 robots.txt 文件

robots.txt 是一个存放在网站根目录中的文本文件，其中和 robots 协议有关。

robots 协议也称为爬虫协议/爬虫规则等，作用是来告诉搜索引擎网站的哪些页面可以抓取，哪些不能抓取。就是通过在 robots.txt 中定义规则。但是该协议没有强制执行力，搜索引擎依然可以完全忽略该文件进行内容爬取。常见的有知乎、网易云等