必须用包每条新闻，因其向搜索引擎和读屏软件明确标识“独立可分发的新闻”，避免seo降权、读屏卡顿及json-ld手动补全字段；的datetime须为iso 8601格式（如2026-05-19t11:52:00+08:00），分页须用，须直接包裹所有且仅有一个。
新闻列表页不能用 搜索引擎和读屏软件靠 更新时间若需标注，额外加 分页不是装饰，它是独立导航单元。用 一旦嵌套，部分屏幕阅读器可能完全跳过 <ul></ul> 或一堆 <div> 堆出来——否则 SEO 掉档、读屏器卡死、后续加结构化数据要重写。
<h3>为什么必须用 <code><article></article> 包每条新闻
<article></article> 识别“这是一条独立可分发的新闻”。用 <div class="news-item"> 看似能显示，实际导致三个硬伤：
<ul>
<li>Google Search Console 可能报 <code>NewsArticle 类型缺失，新闻类索引优先级下降
article 键跳转时，会落在空 <div> 上，无法定位下一条
<li>后续加 JSON-LD 时，<code><article></article> 能自动映射 @type: "NewsArticle"；<div> 得手动补全 <code>datePublished、headline、description 全字段
<time></time> 的 datetime 属性怎么写才不被搜索引擎判无效<time></time> 不是摆设，它的 datetime 必须是机器可解析的 ISO 8601 格式，否则 Google 会当时间不存在：
<time datetime="2026-05-19T11:52:00+08:00">5月19日 11:52</time>
<time datetime="5月19日">5月19日</time>（含中文字符）<time datetime="05-19">5月19日</time>（缺年份、缺时分秒、无时区）itemprop="dateModified"（配合 Schema.org 使用）。分页控件必须用
<nav aria-label="新闻列表分页"></nav>
<p></p><div class="aritcle_card flexRow artxards">
<div class="artcardd flexRow">
<a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill6712" title="Wechat HTML Publisher"><img
src="https://img.php.cn/upload/skill/000/000/081/179109368394970.jpg" alt="Wechat HTML Publisher" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a rel="nofollow" href="/xiazai/skill6712" title="Wechat HTML Publisher" class="overflowclass">Wechat HTML Publisher</a>
<p class="overflowclass">直接上传HTML富文本到微信公众号草稿箱。支持完整的HTML格式,无需Markdown转换。</p>
</div>
<a rel="nofollow" href="/xiazai/skill6712" title="Wechat HTML Publisher" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span>
</a>
</div>
</div> 或裸 <div> 包“上一页/下一页”，会导致：
<ul>
<li>读屏器无法识别这是分页区域，用户得逐字扫完所有文字才能发现链接</li>
<li>辅助技术无法提供“跳过分页”快捷键，破坏浏览流</li>
<li>SEO 工具可能忽略分页语义，影响爬虫对列表深度的理解</li>
</ul>
<p>正确写法示例：</p>
<pre class="brush:php;toolbar:false;"><nav aria-label="新闻列表分页"><a href="/news?page=1" aria-current="page">1</a>
<a href="/news?page=2">2</a>
<a href="/news?page=3">3</a>
<a href="/news?page=4">下一页</a>
</nav></pre>
<h3>
<code><main></main> 必须直接包裹所有 <article></article>，且只能有一个
<main></main> 是页面主体容器，不是样式盒子。常见错误是把它塞进 <section></section> 或嵌套在 <div> 里：
<ul>
<li>❌ 错误：<code><div><main><article>...</article></main></div>
<main><article>...</article><article>...</article></main>
<main></main> 内容；Google 也可能降低该区域的内容权重。这个限制不显眼，但修复成本最高——往往要动整页骨架。
