title 与 h1 不一致、main 缺失或重复、DOM 过深、strong/em 滥用及标题跳级，均会削弱 Google 主题识别能力，降低 E-E-A-T 评估分与排名。
title 和 h1 不一致会直接干扰主题识别
Google 把 <title> 当作页面主题的唯一强信号，<h1> 则是正文里对这个主题的语义确认。两者逻辑脱节时，算法不会报错，但会标记为“结构混乱”，降低该页在 E-E-A-T 评估中的可信度分——尤其影响技术类、医疗类等高信任需求页面的排名。
常见错误包括：
-
<title>是 “CSS Grid 布局详解 | 前端手册”，<h1>却是 “欢迎来到我的博客” - Next.js 中
generateMetadata没传params.locale，导致多语言页的<title>全是英文，而<h1>渲染为中文 - 用 CMS 模板硬编码页头
<h1>XX 技术社区</h1>，正文又输出一个真实标题，造成 DOM 中两个<h1>
验证方法：打开控制台，运行 document.title 和 document.querySelector('h1')?.textContent，比对是否指向同一主题（不要求字面完全相同，但需逻辑自洽）。
main 标签缺失或重复会让主题锚点失效
<main> 是搜索引擎定位“页面核心内容”的第一锚点。它不加权，但一旦缺失，爬虫可能把页脚备案号、侧边栏推荐列表甚至广告文案当成主体文本提取；重复则让算法无法判断哪块才是真实正文——尤其在 SSR 输出被 JS 覆盖、或首屏渲染延迟 >500ms 的 SPA 场景下，关键段落大概率不进索引。
立即学习“前端免费学习笔记（深入）”；
必须遵守：
- 每个 HTML 文档有且仅有一个
<main>，包裹真正面向用户的主体（如文章正文、API 参数表） -
<section>不可替代<main>：它是子主题分块容器，不是主体声明 - 避免把导航栏、弹窗遮罩层、Cookie 提示塞进
<main>内
检查方式：curl -s URL | grep '<main>' 看是否唯一且非空；Lighthouse 的 “SEO” audit 项也会明确提示 <main> 缺失。
DOM 树过深会切断 h2 及以下的主题线索
当嵌套超过 6 层且中间无语义标签（如 <section>、<article>、<header>）中断时，Google 爬虫在解析过程中可能提前终止，导致 <h2> 以下的文本不被建模为有效主题线索——不是不收录，而是这些内容在“页面主题自动识别”模型中权重趋近于零。
典型陷阱：
- 纯 CSS 驱动的嵌套：
<div class="wrapper"><div class="inner"><div class="content">...</div></div></div> - Vue/React 组件中用
v-if或三元表达式动态切换<h2>/<h3>，导致同一 DOM 位置层级浮动 - 表格嵌套过深，
<table>里套<div>再套<table>
实操建议：用浏览器 Elements 面板手动数层级，关键内容尽量落在第 4 层以内；用 <main><section><header><h2> 替代无意义的 <div> 堆叠。
strong/em 在主题识别中只有上下文绑定才起作用
<strong> 和 <em> 不是关键词加权工具。单独包裹词无效，全篇滥用反而触发“格式污染”判定。它们只在特定语境下辅助主题建模：比如在段落中强调参数名、状态码、版本号等可提取实体，帮助算法关联上下文语义。
有效写法示例：
<p>响应超时阈值由参数 <strong>timeoutMs</strong> 控制，默认值为 <strong>5000</strong></p> <p>HTTP 状态码 <strong>404</strong> 表示资源未找到</p>
无效写法：
- 整段文字套
<strong> -
<h2><strong>安装步骤</strong></h2>（<h2>本身已是强语义，再套<strong>无增益） - 在
<footer>里写<strong>© 2026 XX 公司</strong>
主题识别依赖的是标签组合形成的语义图谱，不是单个标签的粗暴强调。最常被忽略的一点：跳级使用标题（<h1> 后直接 <h4>）会让算法无法构建内容树，<h2> 以下所有节点都可能被降权处理。
