HTML如何正确标注网页发布日期

想让网页的发布日期被搜索引擎、屏幕阅读器和结构化数据工具准确识别？关键在于正确使用 HTML 的 `` 元素：它必须携带符合 ISO 8601 标准的 `datetime` 属性（如 `2024-05-20T14:30:00+08:00`），仅显示“2024年5月20日”这类可视化文本而无 `datetime` 将彻底丧失机器可读性；常见错误如用中文描述时间、省略属性、格式不规范（如“2024/05/20”）、混入说明文字（如“更新于：”）或忽略时区一致性，都会导致富摘要失效、解析失败甚至 SEO 折损——尤其当 ``、JSON-LD 和 Open Graph 中的时间值出现毫秒级偏差时，Google 工具就可能亮起警告。

time 元素必须带 datetime 属性才能被机器识别

浏览器不会自动把 2024-05-20 当作有效日期，它只是普通内联文本。搜索引擎、屏幕阅读器或结构化数据工具（如 Google Rich Results Test）只认带 datetime 的版本。没这个属性， 就退化成 。

正确写法是：

<time datetime="2024-05-20">2024年5月20日</time>

常见错误包括：

• datetime 值用中文或口语格式（如 "今天"、"5月20号"）→ 无效
• 省略 datetime，只留可视化文本 → 无语义价值
• 时间格式不规范，比如 "2024/05/20" 或 "20-05-2024" → 不符合 HTML 标准，解析失败

发布日期推荐用完整 ISO 8601 时间戳（含时分秒和时区）

仅标日期（YYYY-MM-DD）够用，但加时分秒和时区能避免跨时区歧义，尤其对 RSS、JSON-LD、Schema.org 等依赖精确时间的场景很关键。

例如博客文章发布时间，建议写成：

<time datetime="2024-05-20T14:30:00+08:00">2024年5月20日 14:30</time>

注意点：

• T 是日期与时间的固定分隔符，不能省略或换成空格
• 时区推荐用 +08:00 这类偏移量，而非 CST（缩写易歧义）
• 如果发布系统支持，优先用 UTC（Z 结尾），比如 "2024-05-20T06:30:00Z"
• 纯日期场景（如版权年份）可用 datetime="2024"，但仅限年份；2024年 合法，但语义弱于具体日期

不要用 time 包裹非时间内容，比如“更新于”文字

只应包裹**时间值本身**，不是标签或说明文字。下面这种写法是错的：

<time datetime="2024-05-20">更新于：2024年5月20日</time>

它会让机器误以为“更新于：”也是时间的一部分。正确拆分是：

<span>更新于：</span><time datetime="2024-05-20">2024年5月20日</time>

其他典型误用：

• 发布日期：2024-05-20 → “发布日期：”必须剥离
• 约2024年5月 → “约”字破坏精确性，datetime 必须是确切值
• 在 里嵌套 或 改变语义 → 可以，但别影响可读性与解析

配合 meta 和 script 使用时，datetime 值必须严格一致

<time datetime="2024-05-20T14:30:00+08:00">2024年5月20日</time><br><meta property="article:published_time" content="2024-05-20T14:30:00+08:00"><br>{ "datePublished": "2024-05-20T14:30:00+08:00" }