html语义化标签本身不直接提升seo权重，但用错会触发降权信号；必须唯一且存在，否则google移动优先索引可能误抽页脚备案号等非主体内容，导致流量断崖。
HTML语义化标签本身不直接加权，但用错会触发爬虫降权信号，尤其在移动优先索引全面落地的今天，<main></main>缺失、<h1></h1>重复或跳级、<figure></figure>滥用，都可能让Googlebot放弃提取核心内容。
为什么必须存在且唯一
Google 移动优先索引（2023年起100%启用）默认只从 <main></main> 内提取文本、标题层级和内部链接。没有它，爬虫会退回到 DOM 顺序遍历，极可能把页脚备案号、侧边栏广告词当成主关键词索引。
- 每个页面只能有一个
<main></main>；嵌套多个会被忽略，或在 Lighthouse 中报Multiple main elements错误 - SPA 应用中，SSR/SSG 输出必须包含真实
<main></main>，不能靠 JS 动态插入——爬虫不执行 JS 就走人 - 别把
<nav></nav>、<aside></aside>、弹窗遮罩层塞进<main></main>里，否则它们的内容也会被当作主体权重计算
h1–h6 不是样式工具，是内容树协议
搜索引擎用标题层级构建“内容骨架”，不是为了渲染大小，而是判断段落间的隶属与重要性关系。跳级或重复会直接导致主题权重漂移。
- 每页仅一个
<h1></h1>，且必须包裹页面最核心标识（如商品名、文章标题），而非 logo 或导航文案 - 禁止
<h1></h1>后直接<h4></h4>；<h2></h2>应对应一级模块（如“规格参数”“用户评价”），建议控制在 3–5 个 -
<h3></h3>及以下不应用于按钮、图标区域或纯装饰区块——那是<figure></figure>+<figcaption></figcaption>的职责 - CMS 模板输出多个
<h1></h1>时，优先改模板逻辑，而非用display: none隐藏——隐藏的<h1></h1>仍参与语义解析
figure 和 figcaption 是图文长尾词的放大器
单独给 <img> 加 alt 只是基础；把图与说明一起包进 <figure></figure>，Google 会联合分析图像内容与 <figcaption></figcaption> 文本，显著提升“对比图”“效果图”类长尾词覆盖。
-
<figcaption></figcaption>必须是<figure></figure>的第一个或最后一个子元素，否则部分爬虫不识别 - 装饰性图片（分割线、背景图）必须写
alt=""，否则会被当作缺失内容警告 - 避免堆砌关键词：
alt="html5 semantic tag tutorial seo"+<figcaption>HTML5语义化标签SEO教程</figcaption>是合理组合；两者重复就是冗余
title 和 h1 冲突会触发 E-E-A-T 信任度质疑
<title></title> 与 <h1></h1> 语义不一致时，Google 信 <title></title>，但会标记该页“结构混乱”，影响专业性（Expertise）、权威性（Authoritativeness）、可信度（Trustworthiness）评估。
- CMS 或 SSR 模板里禁用硬编码，比如 Next.js 的
getStaticProps中要动态注入product.name，而不是写死<title>商品页</title> - SPA 首屏返回空
<title></title>是高频踩坑点，需在路由切换时同步更新document.title -
<title></title>长度卡死在 50–60 字符（含空格），用浏览器 Elements 面板实时验证，别靠肉眼估
最容易被忽略的是：语义化不是“加对标签”就结束，而是整套信息架构的校准——<main></main> 里有没有混入导航逻辑？<section></section> 是否真有独立语义？<aside></aside> 里的推荐内容是否真的辅助而非干扰？这些细节，才是爬虫真正用来打分的地方。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
