必须用article包每条新闻，因搜索引擎将其视为可独立分发实体，自动提取header、time[datetime]和footer用于建模、长尾匹配与富摘要；用section会导致爬虫误判、rss抓取失败、屏幕阅读器跳过，且缺失语义锚点。
为什么聚合页里必须用 article 包每条新闻，而不是 section
因为搜索引擎（尤其是 Google 移动优先索引）把每个 article 当作可独立分发的实体，自动提取其内部的 header、time[datetime] 和 footer，用于建模、长尾匹配和富摘要生成。用 section 替代会导致：
– 爬虫无法区分“这是第 3 条新闻”还是“第 3 段背景说明”，内容被降权为普通段落
– RSS 工具抓不到单条新闻的发布时间和独立链接，推送失败
– 屏幕阅读器跳过整块内容，因 section 缺少语义锚点（比如没 h2，它连“有标题”都算不上）
article 内部标题缺失或层级错位会直接切断语义链
每个 article 必须含一个明确描述自身主题的标题（h2 或更高级别），且不能复用父级 section 的标题。常见断链场景：
– 父 section 是 <h2>国内要闻</h2>，子 article 里却只放 <p>北京发布新规…</p><div class="aritcle_card flexRow artxards">
<div class="artcardd flexRow">
<a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill6411" title="seo-monitoring"><img
src="https://img.php.cn/upload/skill/000/000/081/179093359347608.jpg" alt="seo-monitoring" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a rel="nofollow" href="/xiazai/skill6411" title="seo-monitoring" class="overflowclass">seo-monitoring</a>
<p class="overflowclass">当用户想构建SEO数据分析系统、监控索引/流量/关键词/反向链接，或设置基准时使用。也在用户提及相关需求时使用。</p>
</div>
<a rel="nofollow" href="/xiazai/skill6411" title="seo-monitoring" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span>
</a>
</div>
</div> —— 没有 h3 或内嵌 header，等于告诉爬虫“这条新闻没主干”
– 用 h1 做每条新闻标题：违反“每页仅一个 h1”原则，触发结构混乱标记
– 用 div class="title" 模拟标题：辅助技术不可读，document.querySelector('article h2') 查不到，SEO 信号归零
正确写法是：<header><h3>北京出台数据跨境新规</h3>
<time datetime="2026-06-12">6月12日</time></header>
嵌套 article 不等于提升权重，反而可能稀释主内容信号
在新闻聚合页中，article 只应出现在 section 下一级，表示“一条新闻”。以下嵌套是错误的：
– section → article → article（比如把“专家评论”再包一层 article）：第二层 article 被视为可独立分发内容，但实际没有自己 URL 和发布时间，造成语义矛盾
– main → 多个 article → 每个 article 再包一个 section 用于“相关推荐”：推荐区不属于该新闻的固有内容，应移出 article，用 aside 或 div 放在 article 外侧
– 用 article 包广告位或登录弹窗：破坏“可独立分发”前提，触发降权
time[datetime] 必须带 ISO 8601 格式值，否则 RSS 和富摘要失效
time 标签不是摆设，它的 datetime 属性是 RSS 抓取、Google 新闻索引、时间敏感排序的关键依据：
– 错误写法：<time>6月12日</time> 或 <time datetime="6月12日"></time> —— 模糊文本不被解析为有效时间戳
– 正确写法：<time datetime="2026-06-12T09:30:00+08:00">6月12日</time>（ISO 8601，含时区）
– 若新闻无具体时刻，至少提供日期：datetime="2026-06-12"
没有这个属性，article 就只是“看起来像新闻”，但不会被当作时效性内容参与排名或富摘要生成
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
