第 3 周 · 页面优化(On-Page SEO)


内链:把你的内容连成网络

什么是内链

内链(Internal Link)= 从你网站的一个页面链接到另一个页面。

你的文章《降噪耳机选购指南》中写道:
"想了解主动降噪的工作原理,请看我们的 →[降噪技术详解]← 这篇文章。"
                                        ↑ 这就是一个内链

这和外链(其他网站链接到你)不同——内链完全在你的控制之下,不需要其他人的合作,是你现在就能做的最有价值的 SEO 优化之一。

为什么内链重要

对搜索引擎

  • 内链帮助爬虫发现新页面——没有内链指向的页面(“孤岛页面”)可能永远不被爬取,你写了等于白写
  • 内链传递权重——从高权威页面链接到新页面,相当于给新页面"投票",新页面的排名能力会相应提升
  • 内链帮助搜索引擎理解页面之间的关系——哪些页面属于同一个话题,哪些是主题,哪些是子话题

对 AI 搜索

  • AI 在理解一个网站的内容架构时也会跟随内链——内链网络告诉 AI “这个网站有完整的话题体系”
  • 合理的内链结构让 AI 更容易识别你的话题权威性(第 5 周 GEO 内容会详细讲)
  • 话题集群的内链网络就是在告诉 AI:“我系统性地覆盖了这个话题的所有方面”

对用户

  • 引导读者发现更多相关内容——增加页面浏览量,让读者能深入了解他们感兴趣的话题
  • 降低跳出率——用户从一篇文章跳到另一篇,而不是直接离开你的网站
  • 提供更好的阅读体验——在读者需要深入某个概念时,自然地提供深入阅读的入口

内链策略实操

策略 1:话题集群的双向链接

这在第 2 周已经讲过,这里强调执行细节:

支柱页面 → 每个集群页面(在对应 H2 章节中链接)
每个集群页面 → 支柱页面(在开头或结尾提及"本文是 xxx 系列的一部分")
集群页面 → 相关集群页面(在内容自然提到时链接)

策略 2:锚文本要描述性

锚文本 = 链接上的可点击文字。

✅ 描述性锚文本:
"了解更多关于 →[主动降噪的工作原理]←"
(搜索引擎知道链接指向的是"降噪原理"相关内容)

❌ 无意义锚文本:
"想了解更多,→[点击这里]←"
("点击这里"不携带任何语义信息,搜索引擎无法从中获取信号)

❌ 过度优化锚文本:
"关于降噪耳机的 →[降噪耳机降噪耳机降噪耳机]←"
(Google 会认为你在操纵排名,可能降权)

最佳锚文本 = 目标页面的关键词的自然变体(不要每次都用完全相同的词,用相关的自然表达)。

策略 3:在内容中自然出现

内链应该在内容的正文中自然出现,不是硬塞在每段结尾。

✅ 自然的内链:
"Sony XM6 使用了双芯片降噪架构。如果你对降噪技术的原理感兴趣,
 我在[降噪耳机工作原理详解]中做了深入分析,包括双芯片 vs 单芯片
 在不同噪音环境下的表现差异。"
(内容自然提到,链接有上下文,读者知道为什么要点这个链接)

❌ 硬塞的内链:
"Sony XM6 是一款优秀的降噪耳机。相关文章:[降噪耳机原理][选购指南][对比评测]"
(一段之后堆一堆链接,没有上下文,用户不知道为什么要点)

补充说明:在文章底部加"相关文章"模块比没有好,但效果远不如正文内链——因为正文内链有上下文,用户知道为什么要点,点击率更高,权重传递也更强。

策略 4:重要页面获得更多内链

你最想排名的页面(通常是支柱页面和核心集群页面)应该从更多的其他页面获得内链。

支柱页面:
从所有集群页面 + 首页 + 分类页 → 都应该有内链指向支柱页面

核心集群页面(你最重要的几篇文章):
从支柱页面 + 2-3 个相关集群页面 → 有链接指向

次要页面(普通文章、FAQ 等):
从支柱页面有链接即可

策略 5:定期审查孤岛页面

发布新文章后问自己两个问题:

  • 有没有其他页面链接到这篇新文章?
  • 这篇新文章有没有链接到相关的已有文章?

没有任何内链指向的页面 = 孤岛页面 = 搜索引擎可能找不到它。即使内容很好,孤岛页面也很难排名。

怎么发现孤岛页面:在 Google Search Console 的链接报告里,查看"内部链接"——按内链数量从小到大排序,最少的可能就是孤岛页面。


图片优化

适用说明:Alt text、WebP 格式、懒加载等技术操作需要访问网页的 HTML 代码,适用于有独立网站的读者。如果你使用微信公众号、小红书、知乎等平台,平台会自动处理图片压缩和加载,你无法控制这些参数。但"选用清晰有意义的图片"和"在发布前重命名图片文件"以及"写有描述性的图片说明文字"这三条原则,对所有平台都有价值。

图片优化经常被忽略,但它对 SEO 有实际影响,对 GEO 也有间接作用。

Alt Text(替代文字)

Alt text 是图片的文字描述,当图片无法显示时显示这段文字。

<img src="sony-xm6.jpg" alt="Sony WH-1000XM6 降噪耳机正面照,银色,折叠状态">

为什么重要

  • 搜索引擎的图片识别能力有限——alt text 是它理解图片内容的主要方式,直接影响 Google 图片搜索的排名
  • 无障碍访问——屏幕阅读器为视障用户读 alt text,这也是搜索引擎友好的信号
  • AI 在分析页面时会读取 alt text——这是 GEO 的间接因素,帮助 AI 更准确理解你的内容

怎么写 alt text

✅ 描述性 alt text:
alt="Sony WH-1000XM6 和 Apple AirPods Max 2 并排放置的对比照片,左 XM6 右 AirPods Max"
(描述了图片内容,包含产品名称,AI 和搜索引擎都能理解)

✅ 数据图表的 alt text:
alt="降噪耳机降噪深度测试结果柱状图,XM6 为 45dB,AirPods Max 2 为 40dB"
(描述图表类型 + 核心数据,搜索引擎即使不能看图也能理解内容)

❌ 无用的 alt text:
alt="图片"
alt="耳机"
(没有任何有用信息,等于没写)

❌ 关键词堆砌:
alt="降噪耳机 最好的降噪耳机 2026降噪耳机推荐 降噪耳机评测"
(关键词堆砌,Google 会识别并可能降权)

❌ 空 alt text(内容性图片):
alt=""
(装饰性的纯色背景可以空 alt,但产品图、对比图、截图等内容性图片不能空)

核心规则像给看不见图片的人描述你看到了什么。描述清楚了,关键词自然会包含在里面。

对第三方平台:知乎允许你在图片上添加描述文字,小红书也支持图片说明——这些文字描述起到和 alt text 类似的作用,写清楚就是加分项。

图片文件名

在上传前就命名好图片文件——这是很多人忽视的 SEO 信号。

✅ 有意义的文件名:
sony-xm6-vs-airpods-max-2-comparison.jpg
noise-cancelling-depth-test-chart-2026.png

❌ 无意义的文件名:
IMG_20260401_143052.jpg
screenshot (3).png
image001.png

搜索引擎在索引图片时,会读取文件名作为内容信号。有意义的文件名 = 额外的 SEO 信号。

实操建议:为你的话题建立一个文件命名规范(比如:[产品名]-[场景/类型]-[日期].jpg),在拍完照或截完图后立即重命名,形成习惯。

图片大小与加载速度

大图片是页面速度的第一杀手。页面速度直接影响 Core Web Vitals(CWV)——第 4 周学过,LCP(最大内容渲染)通常就是首屏最大的图片。

压缩原则

  • 照片/实拍图用 WebP 格式(比 JPEG 小 25-35%,视觉质量相同)
  • 截图/图表用 PNGSVG(截图需要清晰边缘,WebP 压缩可能模糊文字)
  • 目标:每张图片不超过 200KB(大多数情况下)
  • 工具:TinyPNG(tinypng.com,在线免费)、Squoosh(squoosh.app,Google 出的)

批量处理:如果你有很多图片需要压缩,可以用 macOS 的"预览"批量导出 WebP,或者安装 ImageOptim(免费)。

懒加载(Lazy Loading)

懒加载 = 页面上的图片不要一次全部加载,用户滚动到图片位置时再加载:

<img src="image.webp" alt="..." loading="lazy">

好处:首屏加载更快(只加载用户当前看到的图片),LCP 指标改善。

大多数现代 CMS(WordPress、Next.js 等)内置了懒加载功能,通常不需要手动添加。Hugo 用户:在 Markdown 中插入图片时,可以用

shortcode。

注意:首屏内的重要图片(通常是文章的头图或第一张产品图)不要用懒加载——用户一打开页面就需要看到它,用懒加载会反而延迟加载,损害 LCP 分数。

图片尺寸声明

在 HTML 中声明图片的宽高,防止加载时页面跳动(直接影响 CLS 指标——Cumulative Layout Shift,页面跳动程度):

<img src="image.webp" alt="..." width="800" height="450" loading="lazy">

浏览器在加载图片之前就知道图片的尺寸,可以提前预留空间,避免图片加载完成时整个页面布局突然跳动。这个跳动体验极差,是 CLS 的主要来源。


页面优化综合检查清单

学完本周四课后,对每个页面用这个清单检查(每次发布新文章时对照做一遍):

标题与 Meta:
[ ] 标题标签包含关键词、50-60 英文字符(中文 25-30 字)、匹配搜索意图
[ ] Meta Description 120-160 英文字符(中文 60-80 字)、有具体信息、有点击动机
[ ] 标题和 Meta 不重复(Meta 是对标题的补充,不是重复)

URL(独立网站):
[ ] 简洁、描述性、含关键词、全小写、用连字符分隔

标题层级:
[ ] 只有一个 H1,包含关键词
[ ] H2 用问题式或描述式,不跳级(H1 → H2 → H3,不跳)
[ ] 每个 H2 段落约 200-350 字(中文)
[ ] 标题层级反映话题集群结构

内容质量(E-E-A-T):
[ ] 答案优先——每个 H2 开头直接回答
[ ] 包含具体数据和来源标注
[ ] 体现真实经验(原创数据/照片/测试结果)
[ ] 比竞品内容多一层深度或独特视角
[ ] 诚实面对局限

内链:
[ ] 支柱 ↔ 集群双向链接
[ ] 锚文本描述性,不是"点击这里"
[ ] 在正文中自然出现,不是硬塞
[ ] 没有孤岛页面

图片(独立网站):
[ ] Alt text 描述性,包含关键信息
[ ] 文件名有意义(在上传前重命名)
[ ] 压缩到 200KB 以内,照片用 WebP 格式
[ ] 使用懒加载(首屏图片除外)
[ ] 声明了宽高(防止 CLS)

常见误区

误区 1:“内链越多越好,所以我要在每段末尾加很多链接”

不是数量,是质量和上下文。一篇 1500 字的文章里有 2-3 个自然的、有上下文的内链,比有 20 个硬塞的内链效果更好。Google 能识别"为了链接而链接"的行为,大量无上下文的内链实际上会稀释每个链接的权重。

误区 2:“图片压缩会降低图片质量,影响用户体验”

现代图片压缩工具(TinyPNG、Squoosh)在压缩到 200KB 以内时,视觉质量损失几乎不可见。WebP 格式在相同文件大小下,画质比 JPEG 更好。“高质量图片"不等于"大文件图片”——正确压缩后两者兼得。

误区 3:“我用第三方平台,图片和内链这两节都没用”

不全对。图片文件名命名习惯、图片说明文字(在平台上等同于 alt text)、在文章中自然链接到相关内容(在知乎回答中提到你的另一个回答)——这些原则对第三方平台用户同样有价值,只是实现方式不同。


本课小结

  1. 内链把你的内容连成网络——帮助爬虫发现、传递权重、体现话题权威
  2. 锚文本要描述性——不要"点击这里";内链要在正文中自然出现,不要硬塞
  3. 重要页面(支柱页面)应该从更多的其他页面获得内链
  4. 定期检查孤岛页面——发布新文章后确认它有内链指向,也从其他页面链接出去
  5. 图片优化四件套(独立网站):描述性 alt text + 有意义文件名 + 压缩 WebP + 懒加载
  6. 图片尺寸声明(width/height)解决 CLS 跳动问题——两行代码,防止页面加载时跳动

本周实践:对现有页面做完整的 On-Page SEO 优化。