引入
SEO 是让搜索引擎更容易理解和收录网页内容的一些基础做法。
HTML 写得清楚，搜索引擎就更容易判断页面主题，也更容易把内容展示给需要的人。
正文
定义
定义
SEO 是 Search Engine Optimization 的缩写，意思是搜索引擎优化，用来提高网页在搜索结果中的理解度和可见性。
HTML 中的标题、语义化结构、meta 描述、图片 alt 等，都会影响搜索引擎理解页面。
页面标题
<title> 用于设置网页标题。
<title>HTML SEO 基础学习笔记</title>它通常会显示在浏览器标签页，也可能出现在搜索结果标题中。
一个页面应该有清楚、具体的标题。
页面描述
description 用于描述网页内容。
<meta name="description" content="这是一篇介绍 HTML SEO 基础的学习笔记。">搜索引擎可能会把这段描述展示在搜索结果中。
它应该简单说明页面讲什么，不要堆关键词。
标题层级
标题标签用于表达内容层级。
<h1>HTML SEO 基础</h1>
<h2>页面标题</h2>
<h2>页面描述</h2><h1> 通常表示页面主标题，一个页面一般只建议有一个主要 <h1>。
不要为了字体大小乱用标题标签。
语义化结构
使用语义化标签可以让页面结构更清楚。
<main>
<article>
<h1>HTML SEO 基础</h1>
<p>这里是文章内容。</p>
</article>
</main>搜索引擎更容易理解哪个部分是主要内容，哪个部分是导航或页脚。
图片 alt
alt 用于提供图像的替代描述文本。
<img src="html-cover.jpg" alt="HTML SEO 基础封面图">它不仅对无障碍有帮助，也能帮助搜索引擎理解图片内容。
链接文字
链接文字应该能说明目标页面。
<a href="html-form.html">学习 HTML 表单</a>比起“点击这里”，这种写法更容易让用户和搜索引擎理解链接目标。
URL 和路径
清晰的文件名和路径也有帮助。
<a href="html-table.html">HTML 表格</a>比起没有意义的文件名，清楚的路径更容易理解。
页面内容质量
SEO 不只是写标签，也和内容本身有关。
页面内容应该清楚、真实、有主题，不要只堆关键词。
搜索引擎最终还是希望把有用内容展示给用户。
特点
<title>可以影响搜索结果标题description可以帮助说明页面内容- 清晰的标题层级有助于理解结构
- 语义化标签能让主要内容更明确
- 图片
alt对 SEO 和无障碍都有帮助 - 链接文字应该描述目标页面
- 好的 SEO 离不开有价值的内容
注意事项
- 不要堆关键词，读起来不自然反而不好
- 每个页面的
<title>最好不同，能准确描述当前页面 description简洁说明页面内容即可，不要太长- 不要为了样式乱用
<h1>、<h2> - 图片不要忘记写有意义的
alt - SEO 不是立刻见效的魔法，基础结构和内容质量更重要
理解
可以把 HTML SEO 理解为“让搜索引擎看懂网页”。
用户看到的是页面内容，搜索引擎会通过标题、描述、结构、链接、图片说明来判断页面主题。
HTML 写得越清楚，页面越容易被正确理解。
引出
理解 SEO 基础之后，可以继续学习 HTML meta 标签 和 HTML 语义化标签，它们是 HTML SEO 中很常用的基础内容。