1. 对 html 语义化的理解

主要为以下 4 点

TIP

① 去掉或丢失样式的时候能够让页面呈现出清晰的结构

② 有利于 SEO: 和搜索引擎建立良好的沟通，有助于爬虫获取更多的有效信息（爬虫依赖于标签来确定上下文和各个关键字的权重）

③ 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备），以意义的方式来渲染网页

④ 便于团队的开发和维护，语义化更具可读性

2. SEO 优化手段

内部优化

① 合理的 TDK

title：浏览器上显示的那些内容，不仅用户能看到，也能被搜索引擎检索到，搜索引擎在抓取网页时，最先读取的就是网页标题，所以 title 是否正确设置极其重要。title 一般不超过 80 个字符，而且词语间要用英文 “-” 隔开，因为计算机只对英语的敏感性较高，对汉语的敏感性不高。

description：也就是网页的内容摘要，这是对于一个网页的简要内容概况。description 一般不超过 150 个字符，描述内容要和页面内容相关。

keywords：主要作用是告诉搜索引擎本页内容是围绕哪些词展开的。因此 keywords 的每个词都要能在内容中找到相应匹配，才有利于排名。keywords 一般不超过 3 个，每个关键词不宜过长，而且词语间要用英文 “,” 隔开，尽量将重要的关键字靠前放。

② 语义化的 HTML 代码，符合 W3C 规范

语义化代码能够让搜索引擎容易理解网页，即使脱去了 CSS 这一层外衣，整个网页的结构也是清清楚楚的，无论是搜索引擎还是阅读者，都能够很容易的分辨网页的结构

③ 非装饰性图片必须加 alt

img 标签的 alt 属性指定了替代文本，用于在图像无法显示或者用户禁用图像显示时，代替图像显示在浏览器中的内容

④ 对于不显示的对象谨慎使用 display:none

对于不想显示的文字内容，应当设置 z-index 或设置到浏览器显示器之外。因为搜索引擎会过滤掉 display:none 其中的内容

⑤ 重要内容 HTML 代码放在最前

索引擎抓取 HTML 顺序是从上到下，所以我们尽量将重要的内容放在前面，保证重要内容一定会被抓取。

⑥ 少用 iframe

少用或者尽量不用 iframe，因为搜索引擎不会抓取 iframe 中的内容

外部优化

① 投放友情链接和外链
② 砸钱

<! href 属性中的 url 可以是浏览器支持的任何协议，所以 a 可以用于
手机拨号 <a 发送短信 href='tel:10086'>10086
发送短信 <a href="sms:10086?body=test"> 等

当然，a 元素最常见的两个应用就是做锚点和下载文件

锚点可以在点击时快速定位到一个页面的某一个位置，而下载的原理在于 a 标签所对应的资源浏览器无法解析，于是浏览器会选择将其下载下来