HTML5语义标签通过明确内容角色提升SEO效果：main标记主体、nav归类导航链、article标识独立主题，但滥用会干扰爬虫；需配合h1唯一性、section带h2、图片alt及可访问性顺序等三要素。
有帮助，而且是结构性的帮助——不是“加了就涨排名”，而是让搜索引擎更少误判、更快定位核心内容。
为什么、ain>、这些标签能被搜索引擎识别
搜索引擎爬虫（比如Googlebot）早已支持HTML5语义化解析。它不只看文字，还会分析标签的“角色”：哪些是导航、哪些是正文、哪些是边栏或页脚。这种结构理解直接减少对
这类无意义包裹的猜测成本。
-
<main>是页面唯一主体区域，爬虫会默认此处文本权重最高，跳过<footer>里重复的备案号或联系方式 -
<nav>内的链接会被归类为“站点导航链”，有助于内链权重分配，而不是当成普通文本链接乱抓 -
<article>告诉爬虫：“这段内容可独立存在、有完整主题”，对博客、新闻页尤其关键——它可能触发Google的“富摘要”或提升时间敏感性判断
常见错误：语义标签用错比不用更糟
标签滥用反而干扰爬虫，比如把广告位塞进<aside>却和主内容完全无关，或在<section>里放一堆无标题的碎片内容——这会让爬虫怀疑结构可信度。
- 一个页面只能有一个
<main>，且不能嵌套在<article>或<section>里 -
<nav>不等于“所有链接集合”，产品推荐栏、友情链接、底部sitemap都不该放这里 -
<aside>必须与相邻<article>或<section>有上下文关联，例如侧边栏的“同类文章”或“作者简介” - 用
<section>代替<div>前，先问自己：这部分有没有逻辑主题？能不能配一个<h2>？没有就别硬套
必须配合的三件事，否则语义标签效果打折扣
单独写<header><nav>...没用。SEO是组合动作，语义结构只是基础层。
立即学习“前端免费学习笔记（深入）”；
-
<h1>必须出现在<main>内，且全站唯一；每个<section>应带<h2>，形成可读的内容树 - 图片必须带
alt属性，<figure><figcaption>组合能让图文关系显式化，比单纯<img>更易被理解 - 避免“语义+CSS反向操作”，比如用
display: flex把<nav>推到页面最右，却让屏幕阅读器顺序混乱——爬虫会参考可访问性信号，顺序错乱等于结构失真
<main>
<article>
<header>
<h1>如何正确使用<code><article></code></h1>
<p>发布于 2026年1月3日</p>
</header>
<p>语义标签不是装饰，是给机器读的说明书。</p>
<figure>
<img src="semantic-flow.png" alt="HTML5语义结构与爬虫解析路径示意图">
<figcaption>图：爬虫如何通过<code><main></code>快速定位核心段落</figcaption>
</figure>
</article>
</main>
最容易被忽略的是：语义标签本身不产生关键词权重，但它决定了关键词出现在哪个“可信区域”。把关键词塞进<footer>里一百遍，不如放在<main><h1>里一次来得有效。
