time標簽通過提供機器可讀的時間信息提升SEO和可訪問性。1. 使用iso 8601格式的datetime屬性標記日期時間，如yyyy-mm-dd或yyyy-mm-ddthh:mm:sstzd；2. 標簽內文本用于人類閱讀，如“2023年10月27日”；3. 結合schema.org定義事件時間等語義信息，增強搜索引擎理解；4. 屏幕閱讀器可識別time標簽并友好呈現時間內容，提升可訪問性；5. 正確使用time標簽有助于時效性內容在搜索結果中的排名提升。
time 標簽用于表示 html 文檔中的日期、時間和日期時間。它的主要作用是為搜索引擎和瀏覽器提供機器可讀的時間信息，從而提升網頁的語義化程度和可訪問性。
解決方案
time 標簽允許你以機器可讀的格式標記日期和時間。這對于搜索引擎理解內容的時效性至關重要，也有助于屏幕閱讀器等輔助技術更好地呈現信息。
<p>文章發布于 <time datetime="2023-10-27">2023年10月27日</time>。</p><p><span>立即學習</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="max-width:90%" rel="nofollow" target="_blank">前端免費學習筆記（深入）</a>”；</p>
在上面的例子中，datetime 屬性提供了機器可讀的日期格式，而標簽內的文本則用于人類閱讀。
如何正確使用 time 標簽提升SEO？
使用 time 標簽并不僅僅是為了讓頁面看起來更規范。它能幫助搜索引擎更好地理解頁面的時效性。例如，對于新聞網站或博客來說，正確使用 time 標簽可以提高文章在搜索結果中的排名，尤其是在用戶搜索特定時間段內的信息時。
<article> <h1>最新疫情動態</h1> <p>發布時間：<time datetime="2023-10-27T10:00:00+08:00">今天上午10點</time></p> <p>...</p> </article>
這里，datetime 屬性使用了完整的 ISO 8601 格式，包含了日期、時間和時區信息，這有助于搜索引擎更精確地理解發布時間。
time 標簽的 datetime 屬性有哪些格式要求？
datetime 屬性支持多種日期和時間格式，但為了確保最佳的兼容性和可讀性，建議使用 ISO 8601 格式。 常見格式包括：
- 完整日期：YYYY-MM-DD (例如：2023-10-27)
- 帶時間的完整日期：YYYY-MM-DDThh:mm:ssTZD (例如：2023-10-27T10:30:00+08:00)
- 年份和月份：YYYY-MM (例如：2023-10)
- 僅年份：YYYY (例如：2023)
<p>會議時間：<time datetime="2024-01-15T14:00">2024年1月15日下午2點</time></p>
time 標簽與 schema.org 的關系？
time 標簽可以與 schema.org 詞匯表結合使用，以提供更豐富的語義信息。例如，你可以使用 schema.org 的 DateTime 類型來進一步描述時間信息。
<div itemscope itemtype="http://schema.org/Event"> <meta itemprop="name" content="技術分享會"> <p>時間：<time itemprop="startDate" datetime="2023-11-05T19:00:00+08:00">2023年11月5日晚上7點</time></p> <p>...</p> </div>
在這個例子中，itemscope 和 itemtype 屬性定義了一個 Event 類型的 schema.org 對象，而 itemprop=”startDate” 則將 time 標簽與事件的開始時間關聯起來。 這樣做可以幫助搜索引擎更好地理解頁面內容，并可能在搜索結果中顯示更豐富的信息，例如活動時間、地點等。
time 標簽是否影響頁面的可訪問性？
正確使用 time 標簽可以提升頁面的可訪問性。屏幕閱讀器等輔助技術可以識別 time 標簽，并根據 datetime 屬性提供更友好的時間信息呈現方式。
<p>更新時間：<time datetime="2023-10-26">昨天</time></p>
在這種情況下，屏幕閱讀器可能會將 “昨天” 解釋為 “2023年10月26日”，從而為用戶提供更清晰的信息。 但需要注意的是，time 標簽內的文本內容也應該易于理解，避免使用過于含糊的表達方式。
