新闻聚合页必须用article包每条新闻，否则爬虫无法识别单条新闻，导致不被独立建模、RSS抓取失败、富摘要缺失；每个article会被Google当作可分发实体，自动提取标题与time[datetime]参与长尾匹配。
新闻聚合页必须用 article 包每条新闻，不能用 section
爬虫会把 section 当作普通区块，无法识别“这是第 3 条新闻”，导致单条新闻不被独立建模、RSS 抓取失败、富摘要缺失。而每个 article 会被 Google 移动优先索引当作可分发实体，自动提取内部 header、time[datetime] 和标题，参与长尾词匹配。
常见错误包括：
- 用
section套所有新闻卡片，再靠 CSS 排版——语义上等于告诉搜索引擎“这是一整段背景说明” - 父级
section有<h2>国内要闻</h2>，子内容却只有<p>北京发布新规…</p>，没内嵌标题，语义链直接断裂 - 用
div class="news-item"替代article——Lighthouse 无障碍审计标红，document.querySelector('article')查不到，SEO 信号归零
article 内必须含且仅含一个 h2–h6 标题，不能是 h1
每页只能有一个 h1，它属于整个页面主题（通常在 main 内），而新闻卡片内的标题必须降级为 h2 或更低。否则结构混乱标记触发，E-E-A-T 评估受影响。
正确写法示例：
<article><header><h2>北京出台数据跨境新规</h2>
<time datetime="2026-06-12">6月12日</time></header><p>…</p>
</article>
注意：h2 必须是 article 的直接子元素或位于 header 内；用 div class="title" 模拟标题，读屏软件不可读，SEO 无效。
嵌套 article 只适用于真正可独立分发的内容
比如新闻正文下的用户评论，每条评论是一个独立单元，可被 RSS 订阅、单独转发，此时嵌套 article 合理。但“相关推荐”“广告位”“登录弹窗”绝不能包进 article——它们不具备独立语义，反而稀释主内容信号。
典型错误嵌套：
-
section→article→article（如把“专家评论”再包一层）：第二层article被视为可独立分发，但无 URL、无发布时间，语义矛盾 -
article→section（用于“背景”“回应”模块）：合理，前提是section内有对应h3标题 -
main里塞多个article，再统一用section包裹：除非它们真共享主题（如“本周精选评论”），否则多余
time[datetime] 必须用 ISO 8601 格式，不能省略属性
RSS 工具和搜索引擎依赖 time 的 datetime 属性做时间解析。只写 <time>6月12日</time> 不起作用，爬虫无法判断年份、时区，长尾匹配失效。
必须写成：
<time datetime="2026-06-12T09:30:00+08:00">6月12日</time>
注意：datetime 值要真实、可验证；动态生成时避免漏掉时区偏移或使用模糊字符串（如“昨天”“刚刚”）。
最易忽略的点是：标题层级错位 + time 属性缺失，这两项同时出错，会导致该 article 在 Lighthouse 审计中直接被标记为“语义残缺”，且无法进入 RSS 订阅源。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
