timeタグの正しい使い方

timeタグの正しい使い方についてまとめました。

timeタグとは

timeタグは、日付や時刻を表す際に使用するタグです。

ユーザーに日付や時刻を表示するだけであれば、pタグやspanタグでも可能です。
しかし、検索エンジンは文字情報としか認識できません。
日時に関する情報をtimeタグで囲む事で、検索エンジンに日時に関する情報だという事を明確に認識してもらうことができます。

timeタグの使い方

timeタグの日付、時刻は規定の書式に従って記述する必要があります。
例えば、年月日の区切りにはハイフン（-）を使わなければなりません。

 

「2023年1月1日」や「2023/01/01」などの日付をtimeタグでマークアップする場合、
datetime属性へ規定の書式での日付を指定する必要があります。

 

datetime属性を省略する場合は、<time>～</time>の間を独自の形式で記述してはいけません。

間違った書き方

既定の書式

 

他にも、週、期間、タイムゾーン、協定世界時 等も表すことが出来ます。