搜索引擎靠语义标签嵌套逻辑识别主次，而非div存在与否；h1塞入footer会因语义冲突被判定为混淆主次而降权，h1须唯一且位于main或顶层section内。
搜索引擎不是靠“有没有 Googlebot 会把 文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。 再规范的语义结构，也救不了错误的 语义化不是贴标签比赛，而是让每个元素承担它该有的结构责任。最常被忽略的是：DOM 深度、<div>”判断页面结构，而是靠语义标签的嵌套逻辑识别主次关系。用错标签或乱嵌套，会直接导致内容降权或不被索引。
<h3>为什么 <code><h1></h1> 塞进 <footer></footer> 会被降权
<h1></h1> 视为页面核心主题信号，但前提是它出现在合理语义上下文中。如果 <h1></h1> 出现在 <footer></footer> 或 <aside></aside> 里，爬虫会判定你在刻意堆砌关键词、混淆内容主次。
<h1></h1> 应唯一，且必须位于 <main></main> 或顶层 <section></section> 内部（如 <main><header><h1>...</h1></header>...</main>）<footer></footer> 里允许 <h2></h2>～<h6></h6>，仅限说明性标题（如“友情链接”“法律声明”），不能出现主标题语义<section><article><section><div><div>
<h2>）也会稀释标题权重，建议控制在 3 层以内
<h3>
<code><main></main> 和 <article></article> 的边界在哪
<main></main> 是页面级主内容容器，而 <article></article> 是可独立分发的内容单元——两者不是父子替代关系，而是用途互补。
<main></main> 包裹整个主体，内部用 <article></article> 表达该文章本身（含 <header></header>、<time></time>、正文）<article></article>，所有 <article></article> 可放在 <main></main> 下，也可用 <section></section> 分组（如“今日热点”“深度报道”）<main></main> ——它们属于辅助内容，应归入 <nav></nav>、<aside></aside> 或 <header></header>
<aside></aside> 不等于“侧边栏 CSS 样式”<aside></aside> 的语义是“与主内容相关但可独立存在”，不是视觉位置描述。把它硬塞进右侧 float 容器，反而可能误导爬虫判断内容关联性。
<nav></nav>）、广告横幅（无语义关联时建议用 <div role="banner"> 或留白处理）
<li>可以嵌套在 <code><article></article> 内部（如某段代码示例旁的说明），此时它只服务该文章，不影响整页主干结构
<canonical></canonical> 和 <hreflang></hreflang> 配置错误会覆盖语义努力<link rel="canonical"> 或缺失的 <link rel="hreflang">。搜索引擎会优先信任这些声明，而非 DOM 结构。
<link rel="canonical" href="https://example.com/page"> 必须指向当前页面的规范 URL，不能是 404、跳转链或带 session 参数的地址<hreflang></hreflang>，且 <hreflang></hreflang> 要明确指向默认入口页Content-Type: text/plain 而非 text/html，会导致 <canonical></canonical> 等元信息被忽略——这点常被前端忽略<h1></h1> 位置、以及 <canonical></canonical> 这类元信息与 HTML 结构的一致性——三者任一出错，语义努力就归零。
