必须唯一且不能嵌套在等容器内,因其是搜索引擎识别“可信正文”的第一锚点;重复、错位或混入非主体内容将导致权重打折或索引失败。

HTML标签不直接加权,但决定搜索引擎能否准确识别“哪段是正文”“哪个是标题”“时间是不是发布时间”——结构错,内容再好也可能被忽略或降权。
为什么必须唯一且不能嵌套在
Google 把 <main></main> 当作页面“可信内容”的第一锚点。它不数你写了多少字,只看是否被正确包裹:
- DOM 中出现两个
<main></main>(比如 SPA 路由切换后没销毁旧节点),整页内容可信度评分下降 -
<main></main>嵌套在<footer></footer>里,触发“结构冲突”警告,内部文本权重打折 -
<main></main>里混入登录框、客服电话、友情链接——这些本该归<header></header>或普通<div>,否则算“元信息污染” <h3><section>和<article>的语义边界在哪</article></section></h3> <p>二者都分区块,但机器理解完全不同:</p><div class="aritcle_card flexRow artxards"> <div class="artcardd flexRow"> <a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill3458" title="html-ppt-to-pdf"><img src="https://img.php.cn/upload/skill/000/000/081/178956546773641.jpg" alt="html-ppt-to-pdf" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a> <div class="aritcle_card_info flexColumn"> <a rel="nofollow" href="/xiazai/skill3458" title="html-ppt-to-pdf" class="overflowclass">html-ppt-to-pdf</a> <p class="overflowclass">将使用 `<section class="slide">` 约定的 HTML 幻灯片转换为高保真、矢量文本 PDF(使用 Playwright + Chromium 原生 PDF 功能)。</p> </div> <a rel="nofollow" href="/xiazai/skill3458" title="html-ppt-to-pdf" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div> <ul> <li> <code><article></article>表示可独立分发、复用、索引的完整内容单元(如一篇博客、一条新闻),搜索引擎会单独建模并可能推送到“最新结果” -
<section></section>只表示主题相关的内容分组,**必须配<h2></h2>或aria-labelledby**;无标题的<section></section>不仅无效,还会稀释结构信号 - 误把商品列表项全塞进一个
<section></section>,爬虫会当成“一篇长文”,而非“10个独立商品”
“2024年3月15日” 和 <time datetime="2024-03-15">2024年3月15日</time> 对爬虫来说是两种信息密度:
- 前者靠周边词(如“发布于”)+ NLP 推断,易漏判或误判
- 后者自带机器可读的
datetime属性,Google 在新闻/博客类页面中会赋予更高时效性权重,直接影响“最新结果”排序 - 同理:
<address></address>明确标记联系信息,有助于本地 SEO;<figure><figcaption></figcaption></figure>让图片说明被单独识别,提升图搜命中率
最容易被忽略的兼容性与实操陷阱
语义化不是写完就生效,几个点常被跳过:
- SPA 页面路由切换后,旧
<main></main>节点未移除 → DOM 中残留多个 → Google 降低整页可信度 - 用
<nav></nav>包整个页脚导航 + 友情链接 + 客服电话 → 爬虫判定为“站点元信息过载”,内链权重被打折扣 - 上线前不检查 Lighthouse 的 “Document structure” 报告,尤其关注
<main></main>是否被<nav></nav>或<footer></footer>切割、每个<section></section>是否有对应标题
真实结构比标签数量重要得多。堆砌 <article></article> 却不设 <h2></h2>,或把整页新闻列表套一个 <section></section>,反而让爬虫更难判断内容关系。










