HTML SEO策略需以语义结构为锚点：确保唯一<main>且含<h1>，用<nav><aside><footer>声明辅助内容，禁用CSS颠倒DOM顺序，图片/广告预留占位，标题层级连续递进，字体与脚本加载行为可控。
HTML SEO 策略不能靠“等算法更新再被动调整”，而应以搜索引擎长期认可的底层原则为锚点，主动优化页面布局。当前主流算法（如 Google 的 Helpful Content Update、Core Web Vitals 信号整合）已明确将结构语义、内容稳定性、用户可见体验作为硬性评估维度——这意味着布局调整不是为了“猜中某次更新”，而是持续对齐这些稳定信号。
用语义容器锚定内容主次，不依赖视觉位置
搜索引擎不再只看标题是否在顶部，而是通过 <main>、<article>、<section> 等标签识别内容意图。即使把正文区块用 CSS 移到页面最下方，只要它被 <main> 包裹且层级合理，仍会被视为主内容区。
- 确保每个页面有且仅有一个
<main>，且内部首个标题为<h1> - 导航、侧边栏、页脚必须用
<nav>、<aside>、<footer>显式声明，而非多个<div class="nav"> - 避免用
position: absolute或flex-order颠倒 DOM 顺序——爬虫读取的是 HTML 源码顺序，不是渲染后位置
为动态内容预留结构空间，防布局偏移（CLS）触发降权
算法已将累积布局偏移（CLS）纳入排名因子。图片、广告、评论等加载后“顶开”下方内容，不仅伤害用户体验，还会被识别为“不可靠页面”。布局调整重点不是美化，而是提前在 HTML 中固化占位逻辑。
-
<img>和<iframe>必须带width和height属性（CSS 宽高无效），响应式场景写成：<img width="600" height="400" style="width:100%;height:auto;"> - 第三方广告位、推荐模块，在 HTML 源码中直接写占位容器：
<div id="ad-slot" style="min-height:250px;"></div> - 骨架屏（Skeleton）要作为初始 HTML 结构输出，而不是 JS 加载后插入；用
replaceWith()替换，别用innerHTML =重写整个父容器
标题与段落结构按真实阅读流组织，不迁就关键词密度
算法已弱化关键词堆砌权重，转而分析标题层级是否反映用户信息路径。一个跳级的 <h1>→<h3> 或多个 <h1> 会向爬虫传递“结构混乱”信号，比少写一个词更危险。
立即学习“前端免费学习笔记（深入）”；
- 每页唯一
<h1>，文本是完整问题或解决方案，例如：<h1>HTML 表格怎么写才利于 SEO？</h1>，而非<h1>SEO HTML 表格 教程</h1> -
<h2>到<h6>连续递进，每个子标题自然承接上一级逻辑，比如<h2>为什么表格结构影响 SEO</h2>→<h3>caption 标签的作用</h3> - 关键段落开头用
<strong>或<mark>强调核心结论，但仅限真正重要的短语，避免全段加粗
让资源加载行为可预测，从 HTML 层控制字体与脚本影响
自定义字体切换导致文本重排、第三方脚本注入引发内容下移——这些问题表面是 CSS 或 JS 引起，根源却在 HTML 缺少约束声明。算法会将这类“不可控变化”归类为低质量信号。
-
@font-face中必须设font-display: swap，禁用optional；关键文本容器预设style="line-height: 1.5; min-height: 2em;" - 所有第三方脚本（客服 Widget、统计代码、广告 SDK）对应的容器，必须在 HTML 中提前包裹，例如：
<div class="widget-container" style="min-height: 80px;"></div> - 外部资源链接统一用
<link rel="preconnect">或<link rel="dns-prefetch">声明，减少连接延迟带来的布局抖动
