title与h1不一致、main标签缺失或嵌套错误、alt/canonical/viewport配置错误、heading跳级,均会直接损害e-e-a-t评分或导致索引失败。

title 和 h1 不一致会直接触发 E-E-A-T 降权
Google 已明确将 title 视为页面意图的第一信号,h1 是正文对这一意图的语义确认。两者冲突(比如 title 写“HTML 表格 SEO 优化”,h1 却是“欢迎访问技术博客”)会被标记为结构混乱,影响 E-E-A-T 评估——不是不收录,而是降低信任分。
实操建议:
- 在 SSR 或静态生成阶段,用同一数据源生成
title和主h1,避免 CMS 模板里硬编码<h1>{{ site.name }}</h1> - Next.js 中检查
generateMetadata是否漏传params或searchParams,否则多语言页或带查询参数的页面容易产出重复title - 用浏览器控制台快速验证:
document.title和document.querySelector('h1')?.textContent应逻辑自洽(不必字面相同,但主题必须收敛)
main 标签缺失或嵌套错误导致移动索引失败
Google 移动优先索引已 100% 启用,它默认只提取 <main></main> 内部的文本与标题层级。没写 <main></main>,或把它包在 <section></section> 里、漏掉部分主体内容(比如把文章摘要塞进 <main></main>,正文却放在 <div> 外),爬虫可能把页脚备案号当主关键词索引。
<p>实操建议:</p>
<ul>
<li>
<code><main></main> 必须且仅出现一次,包裹全部独立可分发的主体内容(如整篇博文、完整产品列表、表单主区块)
<main><section><main>…</main></section></main> 是典型错误<main></main>
alt、canonical、viewport 三个标签出错不报错但掉收录
这三个标签属于“基础设施级”配置:缺一个,就可能让图片不入图搜、移动排名归零、爬虫误判为重复页甚至拒绝抓取。它们不出现在页面上,也不抛 JS 错误,所以最容易被忽略。
实操建议:
-
<img>的alt必须写,纯装饰图写alt="",功能图标写用途(如alt="搜索网站内容"),内容图写实际画面(如alt="Chrome DevTools 中 display: grid 的实时渲染效果截图") -
<link rel="canonical">每页必加,href必须是绝对 URL(https://example.com/product/abc),相对路径或协议相对路径(//example.com/)会导致解析失败 -
<meta name="viewport">缺失时 Google 可能降权移动排名,固定写法为<meta name="viewport" content="width=device-width, initial-scale=1">
跳级使用 heading 标签比不用更危险
<h2></h2> 到 <h6></h6> 不是字号控制工具,而是内容隶属关系的声明。跳级(比如 <h2></h2> 后直接 <h5></h5>)会让搜索引擎切断子内容与父主题的关联,长图文页、FAQ 页面尤其容易因此导致结构化数据提取失败。
实操建议:
- 每个页面仅一个
<h1></h1>,且必须出现在主体内容内;<h2></h2>对应一级子模块(如“技术参数”“用户评价”),每个<h2></h2>下再用<h3></h3>展开细节 - Vue/React 中避免用
v-if或三元表达式动态切换<h2></h2>/<h3></h3>,否则 DOM 层级浮动会破坏静态结构一致性 - Lighthouse 审计项 “Document has a valid heading hierarchy” 失败即说明存在跳级,需立即修复
真正卡住 SEO 效果的,往往不是没加某个 meta,而是 <main></main> 漏包了一段正文、canonical 少了个 https、或者 alt 里塞了三个关键词——这些错误不显眼,但每一条都直接切掉索引通路。











