HTML5语义化标签不直接提升排名，但显著增强SEO可读性与结构理解；必须唯一且为直接子元素，缺失标题的不构成逻辑分组，仅用于主导航，缺alt将导致图片被忽略，需ISO 8601格式。

必须且只能出现一次，

和

不能互相替代——这是语义化模板能否被搜索引擎和屏幕阅读器正确解析的分水岭。

为什么搜索引擎会忽略你的

爬虫不解析 class 名，只依赖原生标签的隐式 role 和大纲层级。一个写满

的模板，即使加了 aria-label，也会被判定为“无结构内容”，导致关键区块无法进入索引权重池。常见失效场景包括：

被包在

里、

放在

内部、用

做栅格容器。

• 每个页面只允许一个
  ，且必须是 的直接子元素（或至少不被其他 sectioning content 包裹）
• 必须能独立分发：RSS 抓取、分享卡片、Google News 入口都依赖它
• 的 datetime 值必须是机器可解析格式（ISO 8601），写成 "2026/05/01" 或 "5月1日" 会导致时间语义丢失

没标题就等于

W3C 明确要求

必须有

–

级标题，否则它不构成逻辑分组，只是冗余节点。搜索引擎会跳过无标题的

，不将其纳入文档大纲（outline），也就无法参与结构化摘要生成。

• 正确用法：

  用户评价

  ……

• 错误用法：
  …
  （纯布局用途，该换
  ）
• 和
  不互斥：一篇博客正文用
  ，其内部“技术原理”“使用示例”“注意事项”三块可用
  划分，但每块都要有对应标题

的 alt 属性不是可选项

缺失 alt 的图片会让 Google Images 完全忽略该图，同时触发 Lighthouse “图像无文本替代”警告。空字符串 alt="" 仅适用于纯装饰图（如背景花纹、分隔线），而图标按钮、数据图表、缩略图都必须描述功能或内容。


HTML Text Extract
从HTML页面（URL、文件或标准输入）中提取主体内容文本，去除导航、页脚、广告和模板文本。可直接传递给readability_check或其他文本工具。
下载
• 搜索优化角度：含关键词的 alt（如 alt="React 组件生命周期流程图"）可提升图片搜索排名
• 无障碍角度：屏幕阅读器会朗读 alt，写成 alt="图片" 或 alt="icon" 属于无效信息
• 注意
  +
  组合：当图片配说明文字时，用这对标签比单独 更准确表达图文关系

只用于主导航，页脚链接不算

把页脚的“隐私政策”“服务条款”放进

，反而稀释主导航的语义权重。搜索引擎会将所有
视为同等优先级导航入口，页脚链接本就不该和顶部菜单竞争索引资源。
• 主导航：顶部横向菜单、侧边垂直菜单、Hamburger 展开菜单
• 非导航：页脚链接、文章内“上一篇/下一篇”、面包屑（应使用
  单独标注）
• 多个
  需区分角色：
  、

最容易被忽略的是

的嵌套限制和
的标题强制性——它们不报错，但会让语义在底层彻底失效，且无法通过肉眼检查发现。