第四课 · 阶段一 地基
一个网页,搜索引擎在看哪些部件?
你看到的是排版好的页面;搜索引擎会处理它的 HTML(网页的结构与内容标记),也可能运行 JavaScript 并渲染页面。这一课先认识标题、正文、链接等基础部件,它们是后面优化动作的着力点。
学完这一课,你能做什么
在真实页面中找到 URL、Title、描述、H1、链接与 alt;解释 Title 与 H1 的区别;识别图片替代文本和标题结构的作用。1 两种视角
你看到的,和引擎读到的,不是一回事
同一个页面,有两层:
- 用户看到的:图片、排版、颜色——好不好看、好不好读;
- 引擎处理的:HTML 及渲染后的内容、链接和其他信息——标题是什么、讲什么主题、链接去了哪。页面主要内容不应只能在点击或登录后才能看见。
很多 SEO 的着力点,在页面上肉眼看不到,却写在 HTML 里——比如页面的 <title> 标签、描述、图片的 alt 文字。学 SEO,就是学会同时用这两层眼睛看页面。
SEO 不是把页面做花哨
而是让页面上「对搜索引擎有意义的部件」都清晰、准确、到位。下面就把这些部件一个个点亮认一遍。
2 页面的 SEO 骨架
点一点,认识每个部件
下面是一个简化的网页。点上面的按钮,逐块高亮,看每个部件是干嘛的:
3 各归各课
这些部件,后面会一个个细讲
这一课只需建立整体印象——知道页面上有哪些部件、大概管什么。每个部件的「怎么做好」,后面的阶段会专门展开:
| 部件 | 大概管什么 | 哪一课细讲 |
|---|---|---|
| Title / Meta 描述 | 搜索结果里的门面,影响点击 | 第 9 课 |
| H1 与小标题 | 内容的结构和层级 | 第 10 课 |
| 正文质量 | 页面配不配排上去 | 第 11 课 |
| 内链 / 图片 alt | 站内导航、图片的替代说明与理解线索 | 第 12 课 |
| 外部反向链接 | 其他网站指向你的链接,可帮助发现与评价页面 | 第 17 课 |
4 随堂自测
点一点、填一填,检查你会了没
动手实践 · 15 分钟
为一个真实页面做「部件清单」
- 打开项目中一个页面,复制 URL,记录浏览器标签页标题、正文主标题、两条小标题和一个内部链接。
- 在电脑浏览器用「查看网页源代码」(常见快捷键 Ctrl + U),搜索
<title、name="description"、<h1和alt=,把实际值填入清单。 - 若源代码中找不到可见正文,记录「可能由 JavaScript 生成,需检查渲染后内容」;若有图片,判断它传达信息还是仅作装饰,给一张信息图片拟一条简短 alt。
验收:一张清单与两条建议
清单包含 URL、Title、描述、H1、内链和 alt 的观察结果。指出两个具体可改进处并解释原因,先写建议,无需改动或发布网站。