知识库 / 训练营 / 培训课件

第2课 · 页面标签地基：TDK / H / alt / 结构化数据

把每篇文章的"身份证"填对——搜索引擎才认得你、才愿意给排名

学习目标#

独立写出一篇资讯文章页的 title / description / keywords，理解三者对排名和点击率的作用
正确规划 H1~H3 的层级结构，让一篇文章有清晰的"骨架"
为文章配图写出准确、含关键词的 alt 文本
说清结构化数据（Schema）是什么、能带来什么效果（富媒体结果）
拿到手册规范后，能照着 checklist 自查一篇上线前的文章标签是否合格

建议课时与前置#

建议 1.5 小时（0.5 小时精讲 + 1 小时实操写标签）。前置为第1课的基础概念，本课是"第一月·地基"的核心动作课，后面所有内容页的日常操作都建立在这套标签规范上。

正文精讲#

一、TDK 是什么、为什么它排第一位#

TDK 是三个 HTML 标签的合称：Title（标题）、Description（描述）、Keywords（关键词）。它们写在页面 <head> 里，用户在网页上一般看不到，但搜索引擎能读到，而且它是搜索结果页（SERP）上展示你这篇文章的"门面"。

对我们做吃瓜/资讯/影视类站点来说，标题党要有度：Title 决定了用户在谷歌搜索结果里第一眼看到的那行蓝字，直接影响点不点进来（点击率 CTR），也是谷歌判断这篇文章讲什么的最重要信号之一；Description 是标题下面那段灰色摘要，是你写给人看的"广告文案"；Keywords 在谷歌这边权重已经很低，基本不影响排名，但填一填成本很低，对 Bing / Yandex 还有一点参考意义，我们保持规范填写即可。

Title 怎么写（可复制）： - 长度控制在 30 个汉字以内（谷歌一般显示约 60 个英文字符 / 30 个中文字符，超了会被截断成"…"）。 - 核心关键词尽量靠前，一篇文章只主打 1 个核心词 + 1 个辅助词。 - 加"品牌名/站名"放最后，用分隔符隔开。 - 别堆砌，一句人话能读通。

<!-- 好的写法：核心词靠前 + 辅助词 + 站名 -->
<title>某明星录音门事件始末：完整时间线梳理 - 吃瓜网</title>

<!-- 差的写法：关键词堆砌、读不通 -->
<title>录音门 录音门事件 明星录音门 最新 爆料 吃瓜 八卦 新闻</title>

Description 怎么写（可复制）： - 长度 70~155 个字符（中文约 70~78 字），别超，超了会被截断。 - 用一句话概括文章讲了什么，自然带上核心关键词。 - 写得像一段"勾人的导语"，引导点击，但不要标题党到与正文不符。

<meta name="description" content="某明星录音门事件持续发酵，本文按时间线梳理从爆料曝光到当事人回应的完整经过，附关键截图与网友热议，一文看懂事件来龙去脉。">
<meta name="keywords" content="录音门,明星录音门,录音门事件始末,吃瓜">

一条重要原则：每个页面的 TDK 必须唯一。采集来的内容尤其容易出现全站 Title / Description 重复，这是谷歌很反感的，重复标签会严重拖累收录和排名，上线前务必逐篇改写。

二、H 标签层级：给文章搭骨架#

H 标签（Heading，<h1> 到 <h6>）是文章的标题层级，就像一篇 Word 文档的"标题1、标题2"。它帮搜索引擎理解内容结构，也帮用户快速扫读。

三条铁律： 1. 一个页面只能有一个 <h1>，通常就是文章大标题，且要包含核心关键词。 2. 层级不能跳级，<h2> 下面才是 <h3>，不要 h1 直接跳到 h3。 3. H 标签是给内容分段用的，不是用来放大字体的。想让字变大用 CSS，别滥用 H 标签。

一篇吃瓜文章的典型 H 结构：

<h1>某明星录音门事件始末：完整时间线梳理</h1>

 <h2>事件是怎么被曝光的</h2>
 <h3>最初的爆料帖</h3>
 <h3>录音内容流出</h3>

 <h2>当事人如何回应</h2>
 <h3>工作室声明</h3>
 <h3>本人直播回应</h3>

 <h2>网友与舆论反应</h2>

 <h2>事件后续与影响</h2>

H2 里适当带上关键词的相关变体（长尾词），既服务读者也服务 SEO。

三、图片 alt：让搜索引擎"看懂"图#

搜索引擎读不懂图片像素，只能读 alt 属性（替代文本）。写好 alt 有三个好处：图片能被谷歌图片搜索收录带来流量、图片加载失败时给用户显示文字、对无障碍访问友好。

写法要点：客观描述图片内容，自然融入关键词，不堆砌，一句话即可。

<!-- 好：描述清楚 + 自然带词 -->
<img src="luyinmen-shijian.jpg" alt="某明星录音门事件当事人直播回应现场截图">

<!-- 差：空着 / 堆砌关键词 -->
<img src="1.jpg" alt="">
<img src="1.jpg" alt="录音门 吃瓜 明星 八卦 爆料 热搜 最新">

小技巧：图片文件名也顺手用有意义的英文/拼音命名（如 luyinmen-shijian.jpg），比 IMG_001.jpg 对 SEO 更友好。

四、结构化数据入门：让结果"长得不一样"#

结构化数据（Structured Data / Schema.org）是一段按标准格式写的代码（推荐用 JSON-LD 写在页面里），告诉搜索引擎"这篇内容是一篇新闻文章、作者是谁、发布时间是什么"。

它的核心价值：让你的结果在谷歌上显示成富媒体结果（Rich Results）——比如带发布时间、带缩略图、带作者，比纯文字结果更醒目，从而提高点击率。对资讯类站点，最常用的类型是 Article / NewsArticle。

<script type="application/ld+json">
{
 "@context": "https://schema.org",
 "@type": "NewsArticle",
 "headline": "某明星录音门事件始末：完整时间线梳理",
 "datePublished": "2026-07-25T09:00:00+08:00",
 "author": { "@type": "Organization", "name": "吃瓜网" }
}
</script>

本课只要认识它、知道它能带来富媒体结果即可；具体每个字段怎么填、如何用谷歌"富媒体测试工具"验证，会在后面进阶课单独讲。

配套精读（手册对应页）#

什么是 TDK？ — 先搞清 TDK 三个标签分别指什么
TDK 的配置位置 — 这些标签具体写在页面哪里、后台在哪填
为什么要配置 TDK — 理解 TDK 对收录与点击的实际作用
H 标签（Heading Tags） — H1~H6 的规范用法与层级
什么是 alt 标签？ — 图片替代文本的作用与写法
SEO 标签编写规范 — 上线前对照的完整标签规范
什么是结构化数据 — 结构化数据的概念与价值

课堂实操 / 作业#

写一套 TDK：从站里任选（或采集）一篇吃瓜/资讯文章，为它写出符合字数规范的 title、description、keywords，把 HTML 三行代码贴到作业文档。
搭 H 结构：给同一篇文章画出 H1~H3 的层级大纲（至少 1 个 H1、3 个 H2、2 个 H3），用代码块形式提交。
写 3 条 alt：为该文章里 3 张配图各写一条合格 alt，并顺手把图片文件名改成有意义的命名。
找错纠错：在自己站里找 1 个 Title 或 Description 重复/被截断的页面，说明问题并给出修改后的版本。

考核自检清单#

[ ] Title 在 30 个汉字内，核心词靠前，且全站唯一不重复
[ ] Description 在 70~155 字符内，自然带核心词、能引导点击、与正文相符
[ ] Keywords 已规范填写，用英文逗号分隔、不堆砌
[ ] 页面有且仅有一个 H1，且包含核心关键词
[ ] H 标签层级不跳级（h2 下才有 h3），未拿 H 标签当放大字体用
[ ] 每张图片都有描述准确、不堆砌关键词的 alt
[ ] 图片文件名有意义（非 IMG_001 这类）
[ ] 能说清结构化数据的作用，知道资讯站常用 Article / NewsArticle 类型