第四课 · 阶段一 地基

一个网页,搜索引擎在看哪些部件?

你看到的是排版好的页面;搜索引擎会处理它的 HTML(网页的结构与内容标记),也可能运行 JavaScript 并渲染页面。这一课先认识标题、正文、链接等基础部件,它们是后面优化动作的着力点。

学完这一课,你能做什么
在真实页面中找到 URL、Title、描述、H1、链接与 alt;解释 Title 与 H1 的区别;识别图片替代文本和标题结构的作用。
1 两种视角

你看到的,和引擎读到的,不是一回事

同一个页面,有两层:

很多 SEO 的着力点,在页面上肉眼看不到,却写在 HTML 里——比如页面的 <title> 标签、描述、图片的 alt 文字。学 SEO,就是学会同时用这两层眼睛看页面。

SEO 不是把页面做花哨
而是让页面上「对搜索引擎有意义的部件」都清晰、准确、到位。下面就把这些部件一个个点亮认一遍。
2 页面的 SEO 骨架

点一点,认识每个部件

下面是一个简化的网页。点上面的按钮,逐块高亮,看每个部件是干嘛的:

3 各归各课

这些部件,后面会一个个细讲

这一课只需建立整体印象——知道页面上有哪些部件、大概管什么。每个部件的「怎么做好」,后面的阶段会专门展开:

部件大概管什么哪一课细讲
Title / Meta 描述搜索结果里的门面,影响点击第 9 课
H1 与小标题内容的结构和层级第 10 课
正文质量页面配不配排上去第 11 课
内链 / 图片 alt站内导航、图片的替代说明与理解线索第 12 课
外部反向链接其他网站指向你的链接,可帮助发现与评价页面第 17 课
4 随堂自测

点一点、填一填,检查你会了没

动手实践 · 15 分钟

为一个真实页面做「部件清单」

  1. 打开项目中一个页面,复制 URL,记录浏览器标签页标题、正文主标题、两条小标题和一个内部链接。
  2. 在电脑浏览器用「查看网页源代码」(常见快捷键 Ctrl + U),搜索 <title、name="description"、<h1 和 alt=,把实际值填入清单。
  3. 若源代码中找不到可见正文,记录「可能由 JavaScript 生成,需检查渲染后内容」;若有图片,判断它传达信息还是仅作装饰,给一张信息图片拟一条简短 alt。
验收:一张清单与两条建议
清单包含 URL、Title、描述、H1、内链和 alt 的观察结果。指出两个具体可改进处并解释原因,先写建议,无需改动或发布网站。