htmlタグ｜time（タイム）日時・時刻

ホームページ（ウェブサイト）制作において、記事の公開日や更新日、事業のイベント開催日時などをマークアップするtimeタグは、検索エンジンに対して正確な時間情報を提供する非常に重要な役割を持っています。

インターネット上には日々膨大な情報が追加されており、検索エンジンはどの情報が最新で正確かを常に評価しています。この際、単なるテキストとして「2026年8月18日」と記述するだけでは、クローラーがそれを正確な日付として認識するまでに時間がかかるかもしれません。timeタグを使用し、機械が読み取れる形式で日時を明示することで、検索エンジンはコンテンツの鮮度や時間的な文脈を瞬時に理解します。

事業用のホームページ（ウェブサイト）においては、企業のお知らせ（ニュースリリース）やコラム記事の公開日、店舗の営業時間、あるいは期間限定のキャンペーン期間などを提示する場面で頻繁に利用されます。これらの情報を正しくマークアップすることは、検索結果におけるリッチリザルト（リッチスニペット）の表示を促し、ユーザーのクリック率を向上させるための有効な手段となります。

かつてのホームページ制作では、日付は単なる段落タグ（pタグ）やdivタグで囲まれることが一般的でした。しかし、現在のHTML Living Standardの仕様においては、時間に関する情報はtimeタグを用いてセマンティック（意味論的）に構造化することが標準的なルールとして定着しています。

本ページでは、timeタグの最新の標準仕様に基づき、過去の認識からアップデートすべきポイントの指摘とリライト、そしてSEOに直結するdatetime属性の正確な記述ルールや、構造化データとの連携など、集客に強い事業用ホームページ（ウェブサイト）を構築する上で知っておくべき運用方法について詳しく解説します。

time（タイム）

<time></time>

ホームページ制作（ウェブサイト制作）の際に使用する<time>タグについてのご説明です。

ホームページ制作において<time>（タイム）タグは、ブラウザなどにページの公開日などの日付や時刻を伝える際に使用します。

ホームページ制作において、ページ内に単純に日付をテキストとして記述しても良いですが、一般的なテキストと「日付や時刻」との差をはっきりさせる場合に用います。

このtimeタグは、現在のウェブ標準であるHTML Living Standardにおいて、グレゴリオ暦の正確な日付や時刻、あるいは特定の期間をマークアップするための専用要素として定義されています。たとえば、ブログ記事の投稿日や、事業のイベント開催日などを囲むために使用します。単に文字の見た目を変えるためのタグではなく、検索エンジンやブラウザといった機械に対して「ここには日付や時間が書かれている」と正確に伝達することが最大の目的です。デザインやレイアウトの調整は必ずCSSで行うことが、現代のホームページ（ウェブサイト）制作における基本ルールです。

<time> 日付や時刻

<time>タグは、コンピュータやブラウザに対して、正確にグレゴリオ暦による日付、24時間表記の時刻を示す場合に使用します。タイム。

ホームページ制作において、ホームページ内の日付や時刻に関するテキスト箇所にタグ付けすることで属性を示すことができます。

datetime

datetime=””

日付や時刻を指定

pubdate

pubdate=””

文書全体の公開日時、<article>（親要素）の公開日時であることを表す

<time></time>

datetime属性の記述方法とSEOへの影響

timeタグを正しく機能させ、検索エンジンに正確な情報を伝えるためには、datetime属性を正確なフォーマットで記述することが非常に重要です。

このtimeタグは単なる日付の表示用ではなく、検索エンジンに対してコンテンツの「鮮度」を正確に伝えるための極めて重要なセマンティック要素です。

現代の検索アルゴリズムにおいて、情報の新しさは検索順位を決定する要因の一つとなっています。timeタグを使用し、datetime属性で機械判読可能な形式（YYYY-MM-DDなど）を指定することで、Googleなどの検索エンジンは「その記事がいつ公開され、いつ更新されたのか」を確実に把握できるようになります。これにより、ニュース性の高いトピックや、最新情報が求められる事業領域において、検索結果での適切な露出を期待できるようになります。

機械可読性を高めるdatetime属性のフォーマット

ユーザーが見る画面上のテキストは「本日」や「8月18日」といった柔軟な表現で構いません。しかし、機械に正確な情報を伝えるためには、timeタグにdatetime属性を付与し、国際規格（ISO 8601）に準拠した形式で記述します。たとえば、日付のみであればdatetime=”2026-08-18″とし、日本時間の時刻まで含める場合はdatetime=”2026-08-18T10:00:00+09:00″と記述します。これにより、表記揺れを排除し、正確な日時情報をデータとして提示できます。

検索エンジンのクロールとコンテンツ鮮度の評価

検索エンジンは、ユーザーに有益な検索結果を提供するために、コンテンツの鮮度（フレッシュネス）を評価基準の一つとしています。お知らせ一覧やコラム記事において、timeタグとdatetime属性を適切に用いることで、クローラーはページの公開日や最終更新日を確実かつ迅速に認識します。事業用ホームページ（ウェブサイト）において、情報が最新に保たれていることを検索エンジンに正しくアピールすることは、サイト全体の信頼性を高める上で大きな意味を持ちます。

構造化データマークアップとの連携

ホームページ（ウェブサイト）の信頼性をさらに高めるためには、timeタグによるマークアップに加え、スキーマ（Schema.org）を用いた構造化データの導入を併用するのが一般的です。

例えば、記事コンテンツであれば「datePublished（公開日）」や「dateModified（更新日）」として日付情報を定義します。この際、HTML上のtimeタグと構造化データの情報を一致させることで、検索エンジンからの情報の透明性と信頼性が向上します。これは、E-E-A-T（経験、専門性、権威性、信頼性）の観点からも、公式な情報を発信する企業ホームページにおいて重要です。

リッチリザルト獲得に向けたJSON-LDとの連携

timeタグでマークアップした日時情報を、JSON-LDなどの構造化データと一致させることが推奨されます。イベントページやニュース記事などで、構造化データに記述した日付情報と画面に表示されているtimeタグの日付情報を正確に合わせることで、検索エンジンの理解度が飛躍的に高まります。

結果として、検索結果画面に日付が表示されたり、イベント情報として目立つ形で掲載されるリッチリザルトの獲得に繋がる可能性が高まります。

アクセシビリティとユーザー体験の向上

日付の表記は、国や言語、あるいはサイトのデザインによって「2024年5月9日」や「May 9, 2024」など様々ですが、timeタグのdatetime属性を用いることで、ブラウザやスクリーンリーダーなどの支援技術は、表示形式に左右されず正しい日付を解釈できます。

また、最新の更新日が明示されていることは、ユーザーが「その情報が現在も有効かどうか」を判断する材料となり、直帰率の低下やコンバージョン率の改善といった事業成果にもつながります。細かなマークアップの積み重ねが、ホームページ全体の品質を底上げし、最終的には事業の成長に大きく寄与することになります。

スクリーンリーダーを利用するユーザーへの的確な情報伝達

適切にマークアップされたtimeタグとdatetime属性は、音声読み上げソフト（スクリーンリーダー）を利用するユーザーに対してもメリットを提供します。画面上に「明日」とだけ書かれている場合でも、支援技術がdatetime属性の値を読み取るよう設定されていれば、具体的な日付としてユーザーに伝えることが可能になります。すべての人にとって分かりやすく、正確な情報を提供する事業用ホームページ（ウェブサイト）を構築するために、こうした細やかな技術的配慮を取り入れていきます。

ホームページ制作・SEOの1ポイント

ページの付加属性として時間等を示すこともSEOの一つです。現在検索エンジンは投稿の日付なども認識して、ページの新しさを検索結果順位に反映しています。ホームページ制作において、ページの公開日や最終更新日を掲示することは、ユーザーや検索エンジンに対して情報の新鮮さを伝えるひとつの工夫となります。より詳しく検索エンジンに伝える際は構造化データマークアップを利用します。

ホームページ（ウェブサイト）制作・作成に役立つHTMLタグ一覧は
⇒html5 tag reference index ホームページ制作の基本タグ

ホームページ（ウェブサイト）のHTML編集方法

ホームページのHTML編集方法について。ホームページ（ウェブサイト）は基本的にHTMLで構成されています。かつてはHTML単独でHTMLの文書スタイルを設定していましたが、現代ではページの基本構成はHTMLで、外観はスタイルシート・CSSで設定されています。ホームページ制作・作成、ホームページ修正の基本はこのHTMLとCSSの編集で行います。

ホームページのHTML編集方法