HTML语义化标签不直接提升SEO权重，但用错会扣分；<main>明确标识核心内容，Google移动优先索引优先提取其内文本与标题层级；<h1>至<h6>构建内容骨架，须层级连续、唯一<h1>；<figure><figcaption>联合提升图文长尾词覆盖；<title>与<h1>需语义一致且动态生成。
HTML语义化标签本身不直接提升SEO权重，但用错会扣分；真正起作用的是结构清晰带来的内容可识别性提升——搜索引擎靠它判断“哪是标题、哪是正文、哪是配图说明”，而不是靠你加了多少个 <strong>。
为什么 <main> 比一堆 <div> 更重要
爬虫不是人，它不会猜“这个灰色区块是不是文章主体”。<main> 是唯一被明确指定为“页面核心内容容器”的标签，Google 的移动优先索引（2023年起100%启用）会优先提取它内部的文本、链接和标题层级。没用 <main>，爬虫可能把页脚里的备案号当主关键词索引。
- 每个页面只能有一个
<main>，嵌套多个会被忽略或触发警告 - 不要把导航栏、侧边栏、弹窗遮罩层塞进
<main>里 - SPA 应用中，服务端渲染（SSR）或静态生成（SSG）必须输出真实的
<main>，不能等 JS 加载完再插入
<h1> 到 <h6> 不是样式工具，是内容树骨架
标题层级不是为了好看，而是告诉搜索引擎“这段内容在讲什么、和其他段落是什么关系”。跳级（比如 <h1> 后直接 <h4>）、重复 <h1>、或用 <h2> 包裹按钮文案，都会让爬虫误判主题权重分布。
- 每个页面仅一个
<h1>，且必须包含页面核心主题词（如“HTML语义化SEO”） -
<h2>对应一级内容模块，建议每页控制在 3–5 个，避免全篇都是<h2> - 别用
<h3>包图片标题或纯图标区域——那是<figure>+<figcaption>的职责
<figure> 和 <figcaption> 是图文 SEO 的隐藏开关
单独给 <img> 加 alt 只是基础；把图和说明一起放进 <figure>，搜索引擎会联合分析图像内容与 <figcaption> 文本，显著提升长尾词覆盖能力（比如“<article> 标签实际渲染效果对比图”）。
立即学习“前端免费学习笔记（深入）”；
-
<figcaption>必须是<figure>的第一个或最后一个子元素 - 装饰性图片（分割线、背景图）要写
alt=""，否则会被当作缺失内容处理 - 避免在
<figcaption>里堆砌关键词，例如alt="html5 semantic tag tutorial seo"+<figcaption>HTML5语义化标签SEO教程</figcaption>就是合理组合
<title> 和 <h1> 内容不一致会触发隐性降权
两者语义冲突时，Google 信 <title>，但会标记该页“结构混乱”，影响 E-E-A-T 评估。CMS 或 SSR 模板里写死 <title>首页</title>，或 SPA 首屏返回空 <title>，是高频踩坑点。
- 动态页面必须由服务端/构建时生成真实
<title>，Next.js 用generateMetadata，Nuxt 用useSeoMeta -
<title>长度建议 50–60 字符，过长会被截断，影响点击率 -
<h1>应是对<title>的自然展开，不是复述，更不是缩写
最常被忽略的其实是语义完整性：JS 渲染的内容如果包裹在空语义容器里（比如 <main></main> 里啥都没有，等 JS 注入），等于主动放弃结构信号。搜索引擎看到的是空壳，不是内容。
