SEO 中的 TDK？如何做SEO

在 SEO 中，所谓的 TDK 其实就是 title、description、keywords 这三个标签，title 标题标签，description 描述标签，keywords 关键词标签。

补充

补充：TDK 是 SEO 三要素的统称，配合语义化标签和站点结构能让页面被搜索引擎更好地理解和收录。

TDK 含义

标签	作用	注意点
`<title>`	页面标题，搜索结果第一行展示	长度建议 50–60 字符；不同页面要唯一
`<meta name="description">`	页面摘要，搜索结果第二行	长度建议 120–160 字符；不能堆砌关键词
`<meta name="keywords">`	页面关键词（已被现代搜索引擎大幅降权）	可不写；写也不要堆砌

一个标准示例

<head>
  <title>前端面试 HTML 知识点汇总 - maxyang 博客</title>
  <meta name="description" content="系统整理 HTML 常见面试题与答案，覆盖语义化、SEO、缓存、跨域等核心考点。">
  <meta name="keywords" content="HTML, 前端面试, 语义化, SEO">
</head>

SEO 常见做法

语义化 HTML：合理使用 <header> / <main> / <article> / <nav> / <h1> 等标签，让搜索引擎识别内容结构
TDK 三要素完整：title 唯一且包含主关键词；description 概括页面内容；keywords 可省略
合理使用标题层级：每页一个 <h1>，避免跳级
图片 alt 属性：所有有意义的图片都要写 alt
URL 语义化：使用可读的英文/拼音路径，避免过长参数
移动端友好：viewport 设置正确，页面响应式适配
站点性能：首屏快、CLS 小，Core Web Vitals 达标
结构化数据：使用 JSON-LD 给搜索引擎机器可读的 schema
合理内链外链：用 <a> 串起相关内容；外部链接加 rel="noopener"
提供 sitemap 与 robots.txt：引导爬虫收录